vue安裝全教程
1.node.js安裝
安裝方法(點擊即可)
node.js官方文件(下載長期支持版)
2.安裝vue(按着步驟安裝即可)
2.1 查看node.js安裝是否成功(如果顯示版本號,即安裝成功)
node -v 命令,查看node的版本
npm -v 命令,顯示npm的版本信息
2.2 安裝cnpm(國內鏡像----淘寶鏡像)
在命令行中輸入 npm install -g cnpm --registry=http://registry.npm.taobao.org
2.3 安裝vue-cli 腳手架構建工具(必須在全局中進行安裝,全局我也不知道是啥,直接在命令行輸入就是了)
1.在命令行中運行命令 npm install -g @vue-cli (一定要有@,沒有@是安裝vue的低版本2.9...,現在創建vue項目的話,只支持3.0以上的版本)
2.是否安裝成功:vue -V
3.如果裝成了 2.9.....版本,不要慌,卸載重新裝一次就可以了
卸載命令:npm uninstall -g vue-cli
然后重新輸入命令 :npm install -g @vue-cli
3.創建vue項目
自己找一個路徑,當作是項目保存的地方,然后在那個路徑進入cmd
進入cmd之后,可以先查看vue的版本(命令行輸入:vue -V),看vue是否可以使用)
然后在命令行輸入vue create 文件名(最后這個是vue的文件名,可以看看命名規則)
例如:vue create hellovue(第一次創建就不要有大寫的字母,全用小寫字母。具體看命名規則)
輸入之后會出現這個畫面(選擇最后一個Manually select features,自己配置項目)
選擇之后會出現下面的選項,大家可以選擇自己所需要的(空格選擇,選圖片里的這5個就可以了)
回車之后出現選項,選2.x (3.x是新出的,還存在bug,不要選)
之后除了兩個no的,其他直接回車
然后進入創建,慢慢等就可以了,創建完成之后會出現藍色提示,直接在命令行依次輸出即可
cd 文件名(直接輸入它提示的藍色命令就可以了)
npm run serve(這個是運行的)
運行完成之后會出現一個地址,把地址復制粘貼到瀏覽即可
vue項目創建完成啦,8888888888888!!