1. 首先安裝node.js
從node.js官網下載並安裝node,安裝過程比較簡單,基本一致下一步就可以了
1.1 輸入 node -v,如下圖,如果出現相應的版本號,則說明安裝成功。
1.2 npm包管理器,是集成在node中的,所以,直接輸入 npm -v 就會顯示出npm的版本信息。
注意:在安裝node.js的時候會自動安裝已集成的npm。如果是新項目,環境沒問題,如果是跑已有項目,可能存在版本不兼容問題,此時單獨下載相應版本的npm進行安裝即可。(本人初次使用node.js,或許還有更簡單的辦法)
1.3 由於有些npm有些資源被屏蔽或者是國外資源,所以會導致用npm安裝依賴包的時候失敗,所有我們需要npm的國內鏡像---cnpm。
下邊就來安裝cnpm:在命令行中輸入 npm install -g cnpm --registry=http://registry.npm.taobao.org ,如下圖:
2. 安裝vue-cli腳手架構建工具
在命令行中運行命令 cnpm install -g vue-cli ,然后等待安裝完成。(注意:我們要用cnpm來替代npm,不然速度會很慢)
至此,我們需要的環境和工具都准備好了。
3. 運行項目
3.1 進入項目文件夾所在目錄,運行 cnpm install
安裝完成之后,我們可以在項目目錄下看到多了一個文件夾node_modules,打開文件夾我們可以看到這里邊的就是我們項目所需的依賴包。
3.2 運行命令 npm run dev,即可服務
也可以在項目文件夾下,shift+鼠標右鍵,打開PowerShell窗口,執行npm run dev進行服務啟動