step1:安裝node.js,連接https://nodejs.org/en/
安裝完成,輸入node -v命令查看node版本
node.js集成了npm包管理器,輸入npm -v命令查看npm版本,npm須要在3.0.0以上的版本,若是npm版本小於3.0.0,輸入npm -g install npm命令更新npm至最新版本
注:-g 全局標誌
step2:安裝cnpm(npm的國內鏡像)
npm install -g cnpm --registry=https://registry.npm.taobao.org
step3:安裝全局webpack
cnpm install -g webpack
安裝完成,webpack -v命令檢查當前webpack版本
注:macos開發環境加上sudo,sudo cnpm install -g webpack
step4:安裝vue-cli腳手架工具
cnpm install -g vue-cli
step5:構建項目(以F盤vueProject文件夾爲例)
跳到此目錄下,輸入vue init webpack projectName命令建立一個基於webpack模板的項目
vue init webpack projectName的意思是初始化一個項目,利用webpack打包和壓縮,此項目命名爲projectName,在此過程當中,須要輸入項目名、描述、做者等
step6:安裝項目依賴
cnpm install
step7:運行項目
npm run devvue