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

在瀏覽器成功打開後如下頁面,即完成整個項目的搭建

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章