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