1. 程式人生 > >vue--建立專案

vue--建立專案

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 得到如下即成功,然後在網頁中開啟這個地址

在瀏覽器成功開啟後如下頁面,即完成整個專案的搭建