如何建立和運行vue項目
第一步,肯定是安裝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項目