第一步:安裝node
當你想繼續用pip的時候,這個時候已經不行了。
因為此時pip安裝的vue版本過低,不信你看!
所以 pip uninstall vue
麻溜兒地卸載!
這個時候你去vue官網查看...
有一個npm,這個就相當於pip,在node環境下安裝,node是用來編譯執行js文件。
所以,第一步安裝Node!!!
- Node官網
- 下載
- 選擇對應版本即可
- 注意:在安裝時路徑推薦
D:\nodejs\
第二步:安裝cnpm
采用淘寶鏡像源安裝
注意:以后所有的npm命令都可以換成cnpm!!!
第三步:安裝腳手架
方式一:npm
方式二:cnpm
注意:如果使用
npm,則是從國外下載;如果采用cnpm則是從淘寶的網站下載,會相對快一點。
總共任務數36,成功之后在cmd輸入vue
運行,此時環境以及配置好了。
第四步:搭建項目
方式一: vue create 項目名
在cmd中輸入命令:
vue create 項目名
然后問你:項目是否采用淘寶源來加載,只會問一次,以后不再詢問
然后選擇Y!!!
注意:這里的y/n有時候y大寫,有時候n大寫,不用在意。
方式二: vue ui
會跳轉出一個界面,然后進行創建,具體的只要你vue ui
一下,就一目了然,你肯定會!!!
第五步:創建項目系列配置
創建成功后,出來這么一個界面
它讓你選,OK,方向鍵滑動選擇第二個>>>自定義
然后給你一個界面
選擇上面四個
之后會詢問你:強制性把上一次訪問當做歷史記錄
不用管,選Y回車!
然后下一個界面依舊默認第一個,下下個界面依舊默認第一個!
之后這個界面,第一個選項是多個文件分開放,第二個選項是打包,如果你覺得文件多麻煩,就選擇第二個。
最后!!!!
是否保存配置,建議選N,因為一旦選擇Y之后再創建記錄永遠也無法刪除!
第六步:下載項目依賴
創建好之后,查看項目
之后,繼續回到cmd
- 輸入
cd 項目名
- 輸入
cnpm run serve
注意:路徑一定要在項目目錄下
然后訪問本地端口,copy網址到Chrome,回車
成功!!!
注意:此時的socket是node提供的。
OK,照着步驟來,項目創建成功~~~
