1. 程式人生 > >如何建立和運行vue項目

如何建立和運行vue項目

ebp myself 目的 str 進行 install pack 導致 報錯

第一步,肯定是安裝node.js。根據需要下載安裝,安裝後如圖,然後進行下一步

打開命令提示符(win+r),然後進行下一步;

node -v 檢查node是否安裝成功

npm -v 檢查npm是否安裝成功

cnpm -v 是否安裝成功

安裝cnpm,由於npm有些資源被屏蔽,兒有些是國外資源的原因, 會導致安裝依賴的時候失敗,這裏安裝cnpm國內鏡像。輸入如下命令:

npm install -g cnpm --registry=http://registry.npm.taobao.org。然後等待,進行下一步

安裝vue-cli,如圖,輸入 cnpm install -g vue-cli ,等待完成。然後進行下一步

技術分享圖片

把當前路徑改到你要存放項目的路徑,此處,如圖,為演示方便,我們放在桌面上:然後進行下一步:

技術分享圖片

在當前文件下用vue init webpack firstVue 初始化一個項目:然後進行下一步:

技術分享圖片

在桌面有如下文件夾,表示建立成功:然後進行下一步:

技術分享圖片

註意:我在這裏遇到一個問題

在安裝完node.js後,也用cnpm代替了npm,然後使用cnpm在node.js的安裝路徑下安裝了vue-cli:cnpm install --global vue-cli。然後使用vue init webpack my-project建立一個項目

之前安裝時在最後一個選項上選擇了 npm install ,結果後面卡住了(當時沒有去截圖),強制退出後,執行npm run dev就報錯了。

最終解決辦法就是在最後一個選項上選擇No,I can handle it myselft,然後cd my-project,然後cnpm install,這樣就成功了,然後執行npm run dev就出現:

如何建立和運行vue項目