vue-demo
此項目是一個vue基礎(chǔ)項目唯卖，以后需要新的vue項目時疹尾，可以直接復(fù)制此項目漓拾。使用時請修改README.md里的內(nèi)容壳影，刪除readmeImg文件夾
此demo用vue-cli 3.0新建晌该，具體操作請參見下文（vue-cli 3.0 教程詳見：https://cli.vuejs.org/zh/guide/）肥荔。
建議安裝yarn或cnpm替代npm
項目克隆以后請先 cnpm install ,然后運行npm run serve啟動項目
默認(rèn)配置在根目錄的vue.config.js里（如果沒有就新建一個）
關(guān)于移動端rem適配的具體配置
1、首先安裝 lib-flexible 和 postcss-loader和postcss-px2rem
cnpm install --save-dev lib-flexible postcss-loader postcss-px2rem
2朝群、在項目入口文件main.js中引入lib-flexible
import 'lib-flexible/flexible.js'
3燕耿、在項目public目錄的index.html頭部加入手機端適配的meta的代碼
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum=1.0,user-scalable=no">
4、在根目錄的配置文件vue.config.js（如果沒有請新建一個）中添加配置
css: {
loaderOptions: {
css: {
},
postcss: {
? // 這是rem適配的配置? 注意： remUnit在這里要根據(jù)lib-flexible的規(guī)則來配制姜胖，如果您的設(shè)計稿是750px的誉帅，用75就剛剛好。
? plugins: [require('postcss-px2rem')({
? ? ? remUnit: 75
? })]
}
}
}
vue-cli 3.0 新建項目教程
1、全局安裝vue-cli 3.0以后運行命令 vue create hello-word 新建項目蚜锨，然后進(jìn)去安裝過程档插，第一步是選擇項目的配置，此處選Manually select features手動配置項目（上下鍵移動項亚再，回車選擇）
2郭膛、第二步選擇要使用的插件（上下鍵移動，空格選擇氛悬，回車進(jìn)入下一步）则剃，此處選babel，Router如捅，Vuex棍现，Css，Linter
3镜遣、第三步詢問是夠使用history模式己肮，輸入Y回車
4、第四步選擇less
5悲关、第五步選擇eslint相關(guān)配置谎僻，此處我選第三項默認(rèn)配置
6、第六步是選擇何時進(jìn)行l(wèi)int校驗坚洽，保存時校驗還是fix時
7戈稿、第七步詢問單獨配置還是一起在packpage中配置西土，選單獨配置
8讶舰、最后是否存儲以上配置以便下次新建項目時使用
9、回車等待需了，至此新建成功跳昼，新項目默認(rèn)沒有vue.config.js，需要在根目錄手動創(chuàng)建肋乍，然后進(jìn)行自己需要的配置
