1.由於vue項目依賴 node.js 和npm ,需要先安裝好這兩項
可以通過npm -v 和node -v查看對應的版本號
2.安裝好node.js和npm後來安裝vue
npm install -g vue-cli
//-g表示全局安裝,vue-cli是模塊,全局安裝的模塊可以在命令行直接使用
由於npm網站在國內速度非常慢,所以可以在命令後面加上淘寶的鏡像
即:npm install -g vue-cli --registry=https://registry.npm.taobao.org
個人建議最好翻牆安裝,之前用淘寶鏡像裝完之後動不動就報錯,卸載後翻牆安裝的用起來基本不報錯
安裝好之後輸入vue -V檢查是否安裝成功,出現版本號即安裝成功
3.安裝好之後創建項目框架
如果想放到指定的目錄下,先進入這個目錄在執行創建項目的命令
例如:E:回車 //進入E盤
cd projects回車 //進入E盤的projects文件夾
E:\projects\vue init webpack qmh //創建一個基於"webpack"的項目,後面是項目名 ,自己根據項目命名
然後依次按照提示輸入,項目名、項目描述、項目作者等等,
然後一路回車 看到最後 to get start這句項目就創建好了。
然後執行npm run dev 得到如下即成功,然後在網頁中打開這個地址
在瀏覽器成功打開後如下頁面,即完成整個項目的搭建