安裝流程
1.安裝node.js (https://nodejs.org/en/)
一直下一步即可
輸入 node -v? ?>? 返回版本號(hào) 安裝成功
2.基于 Node.js 安裝cnpm（淘寶鏡像）
npm install -g cnpm --registry=https://registry.npm.taobao.org
輸入 node -v? ?>? 返回版本號(hào) 安裝成功
3.安裝webpack
利用cnpm安裝webpack?命令行語(yǔ)句為cnpm install webpack -g??耐床。時(shí)間略長(zhǎng)撩轰。
輸入 webpack -v? ?>? 返回版本號(hào) 安裝成功
4.接下來(lái)就是全局安裝vue-cli堪嫂。時(shí)間略長(zhǎng)
安裝語(yǔ)句為：cnpm?install?--global?vue-cli
驗(yàn)證命令:vue -V (V要大寫)
5.創(chuàng)建項(xiàng)目
D:\>cd D:\2\vue? ? ?找到相應(yīng)文件夾
D:\2\vue\sound>vue init webpack sound? 創(chuàng)建文件夾名為sound 的vue項(xiàng)目
在cmd 里面輸入 vue init webpack vue_test（項(xiàng)目文件夾名稱）回車 等一小會(huì)? 一次進(jìn)行下面的操作
? ? ? ? ? ? ? Vue build?==>?打包方式皆串，回車即可恶复；
Install vue-router ==> 是否要安裝 vue-router速挑，項(xiàng)目中肯定要使用到 所以Y 回車；
Use ESLint to lint your code?==>?是否需要 js 語(yǔ)法檢測(cè) 目前我們不需要 所以 n 回車翅萤；
Set up unit tests?==>?是否安裝 單元測(cè)試工具 目前我們不需要 所以 n 回車套么；
Setup e2e tests with Nightwatch?==>?是否需要 端到端測(cè)試工具 目前我們不需要 所以 n 回車；
6.安裝依賴
cd vue_test? ?->找到相應(yīng)文件
npm install? ?/? cnpm install? ?/? cnpm i??? ->安裝依賴
npm run dev? ? / yarn serve? / npm run serve? ->運(yùn)行項(xiàng)目
Your application is running here:? ?http://localhost:8080
運(yùn)行成功
7.打包
npm run build / yarn build
測(cè)試安裝
node -v?
npm -v?
yarn -v
webpack -v
vue -V
bug修復(fù)
Error:Node Sass version 5.0.0 is incompatible with ^4.x 問(wèn)題解決
此錯(cuò)誤來(lái)自sass-loader.因?yàn)閚ode-sass@latest為v5.0.0,而sass-loader期望值為^4.0.0
//卸載 node-sass
npm uninstall node-sass
//然后安裝最新版本（5.0之前）
npm install node-sass@4.14.1
//查看版本
node-sass -v
安裝yarn
npm install yarn --save
yarn install
安裝less依賴
npm install less less-loader --save
終端運(yùn)行?
菜單欄?
view->tool windows->terminal?
webstorm全局搜索 Ctrl + Shift + R
