uni-app腳手架搭建項目

腳手架搭建項目

1. 全局安裝
   npm install -g @vue/cli
2. 創建項目
   vue create -p dcloudio/uni-preset-vue test1
3. 啟動項目（微信小程序）
   npm run dev:mp-weixin
4. 微信小程序開發者工具導入項目
   搭建過程中可能出現的問題：
   容易出現vue和vue-template-complier版本不一致的問題
   此時需要根據提示，重新安裝對應的vue版本即可，然后再重新運行項目：npm run dev:mp-weixin

安裝了sass sass-loader后寫入sass語法，報如下錯誤：

 @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader-v16/dist/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss 4:14-419 14:3-18:5 15:22-427
 @ ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://127.0.0.1:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

解決辦法：
如果vue的版本是：vue@2.6.12，sass-loader不能使用11以上的版本，解決辦法，把sass-loader降級：sass-loader@10.1.1，把node-sass的6.0.0降級到5.0.0