一秀姐、安裝環(huán)境
1.安裝Node.js，網(wǎng)上下載（Node.js自帶了軟件包管理器npm榆纽，用npm安裝webpack）
2.全局安裝webpacknpm install webpack -g动知，使用命令webpack -v獲取當(dāng)前webpack版本
3.全局安裝webpack-cli，npm install webpack webpack-cli -g
4.全局安裝vue-cli,3.0對(duì)應(yīng)的新命令為:npm install -g @vue/cli或yarn global add @vue/cli,使用命令vue -V(大寫的V)或vue --version來獲取當(dāng)前vue-cli的版本
（什么是webpack狐赡，為什么要使用他：https://www.cnblogs.com/-walker/p/6056529.html）
二、創(chuàng)建項(xiàng)目
1.使用命令vue create (項(xiàng)目名稱)疟丙，回車創(chuàng)建
2.第一項(xiàng)默認(rèn)配置颖侄，第二項(xiàng)手動(dòng)配置
3.若選擇手動(dòng)配置，配置項(xiàng)如下：
分為4項(xiàng)享郊，Babel览祖、Router、Vuex炊琉、CSS Pre-processors,分別表示ES6轉(zhuǎn)ES5展蒂、路由、數(shù)據(jù)管理苔咪、css預(yù)處理器锰悼。回車確定团赏。
4.之后詢問是否使用Router的history模式箕般，選擇“是”
5.使用哪種CSS預(yù)處理器，我選擇了Less
6.之后詢問將Babel舔清、PostCSS丝里、ESLint等的配置放在哪里？隨便選一個(gè)
7.是否作為模板保存体谒，方便以后用丙者？這個(gè)隨意，花點(diǎn)時(shí)間等待营密，自行創(chuàng)建完畢
三、安裝npm包
1.安裝axious（功能相當(dāng)于ajax）：npm install axios
2.安裝vux：npm install vux --save目锭、 npm install vux-loader --save-dev 评汰、npm install vue-loader@14.2.2 -D(都要安裝)
3.創(chuàng)建vue.config.js文件，進(jìn)行如下配置：
module.exports = {
baseUrl: './',
configureWebpack: config => {
require('vux-loader').merge(config, {
options: {},
plugins: ['vux-ui']
})
},
}
四痢虹、命令
1.npm run serve：運(yùn)行項(xiàng)目被去，出現(xiàn)一個(gè)地址（http://localhost:8080）用瀏覽器訪問此網(wǎng)址，即為當(dāng)前項(xiàng)目奖唯，之后無需刷新惨缆，保存代碼后頁面自動(dòng)更新
2.npm run build：打包項(xiàng)目，自動(dòng)生成dist文件夾，即為項(xiàng)目最終需要上傳的目錄
3.Ctrl + C：中斷當(dāng)前指令
4.錯(cuò)誤：Error: Watching remote files is not supported.
原因：webpack-dev-server出了問題坯墨，這是setupWatchStaticFeature函數(shù)在3.7.2和3.8.0之間發(fā)生了變化引起的問題
解決辦法：npm install webpack-dev-server@3.7.2 --save-dev
五寂汇、白丁友記遇到的問題
1.token失效，需要微信瀏覽器或者微信開發(fā)者工具打開才行
2.Google Chrome 不能模擬微信環(huán)境
3.在開發(fā)者平臺(tái)輸入服務(wù)器端的網(wǎng)址捣染，相當(dāng)于真正跑的項(xiàng)目
4.http://localhost:8080在跨域后的瀏覽器上輸入骄瓣，然后開發(fā)者平臺(tái)中的Application中Local Storage中的內(nèi)容復(fù)制到瀏覽器中，即可耍攘。
