vue-cli安裝使用流程步驟詳解
1.全局安裝vue-cli
cnpm i vue-cli -g
2.監(jiān)測(cè)安裝版本
vue -V
大寫(xiě)V : version
3.指定目錄下新建項(xiàng)目
vue init webpack [項(xiàng)目名]
按自己的意愿配置、選擇對(duì)應(yīng)信息。最后配置完成檢查package.json是否如此
4.進(jìn)入到項(xiàng)目
cd demo
5.安裝全部依賴(lài)（或者在init是選擇自動(dòng)安裝）
cnpm i
6.安裝你需要但是默認(rèn)沒(méi)被安裝的（比如axios）
cnpm i --S vuex axios
（上圖忘了cd到對(duì)應(yīng)目錄，自己安裝一定要先cd到對(duì)應(yīng)目錄，不然在文件夾同級(jí)又多建一個(gè)package.json和node_modules）
備注： --S 大寫(xiě)，將安裝到dependencies內(nèi)
6.安裝成功執(zhí)行運(yùn)行
cnpm run dev
這里，默認(rèn)配置的端口為8080（后期可以自己改），現(xiàn)在可以在瀏覽器打開(kāi)http://localhost:8080，如下圖說(shuō)明成功
相關(guān)文章
vue之郵箱、密碼、手機(jī)號(hào)碼等輸入驗(yàn)證規(guī)則說(shuō)明
這篇文章主要介紹了vue之郵箱、密碼、手機(jī)號(hào)碼等輸入驗(yàn)證規(guī)則說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了Vue中如何設(shè)置全局的cookie對(duì)象，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
Vue使用watch同時(shí)監(jiān)聽(tīng)多個(gè)值的實(shí)現(xiàn)方法示例
這篇文章主要為大家介紹了Vue中使用watch同時(shí)監(jiān)聽(tīng)多個(gè)值的實(shí)現(xiàn)方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
解決vue打包后刷新頁(yè)面報(bào)錯(cuò)：Unexpected token <
這篇文章主要介紹了解決vue打包后刷新頁(yè)面報(bào)錯(cuò)：Unexpected token <相關(guān)知識(shí)點(diǎn)，需要的朋友們參考下。2019-08-08
解決Vue項(xiàng)目中Emitted value instead of an
這篇文章主要介紹了解決Vue項(xiàng)目中Emitted value instead of an instance of Error問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-11-11
這篇文章主要介紹了Vue組件基礎(chǔ)操作，組件是vue.js最強(qiáng)大的功能之一，而組件實(shí)例的作用域是相互獨(dú)立的，這就意味著不同組件之間的數(shù)據(jù)無(wú)法相互進(jìn)行直接的引用2023-01-01
vue-cli入門(mén)之項(xiàng)目結(jié)構(gòu)分析
本篇文章主要介紹了vue-cli入門(mén)之項(xiàng)目結(jié)構(gòu)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04
這篇文章主要介紹了VUE 組件轉(zhuǎn)換為微信小程序組件的方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-11-11
vue 1.0 結(jié)合animate.css定義動(dòng)畫(huà)效果
本文分步驟給大家介紹了Vue 1.0自定義動(dòng)畫(huà)效果，vue1.0代碼結(jié)合animate.css定義動(dòng)畫(huà)，頁(yè)面一定要引入animate.cdd，具體實(shí)例代碼大家參考下本文2018-07-07
這篇文章主要介紹了.eslintrc配置目錄及配置項(xiàng)的使用方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10