uni-app脚手架搭建项目

脚手架搭建项目

全局安装
npm install -g @vue/cli
创建项目
vue create -p dcloudio/uni-preset-vue test1
启动项目（微信小程序）
npm run dev:mp-weixin
微信小程序开发者工具导入项目
搭建过程中可能出现的问题：
容易出现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

uni-app脚手架搭建项目

推荐阅读