1.创建项目:
先看是否“若你使用vue2版本,需要使用 npm 或者 yarn 全局安装 @vue/cli。npm install -g @vue/cli”
npm create -p dcloudio/uni-preset-vue 项目名
选择Hello uni-app模板
2.启动项目(微信小程序):
npm run dev:mp-weixin
3.微信小程序开发者工具导入项目:
目录:项目名/dist/dev/mp-weixin
4.安装sass-loader和node-sass(注意版本问题,不能安装最新版本):
卸载之前版本:
npm uninstall sass-loader
npm uninstall node-sass -D
安装sass-loader@7.3.1和node-sass@4.13.1版本:
npm install sass-loader@7.3.1 --save-dev
npm install node-sass@4.14.1 --save-dev
5.安装uni-ui:
npm install @dcloudio/uni-ui
······················································分割线·····································································
第二种创建项目方式:打开HBuilder X编辑器(下载app开发版)、文件、新建、项目、选uni-app 填项目名 选择默认模板 点击创建。
运行:选择运行–>运行到小程序模拟器–>微信开发者工具
可能出现问题1: 调不出来微信开发者工具–>方法:到微信开发者工具点击设置–>安全设置–>安全–>服务端口号开启。
可能出现问题2: 项目刚刚加载好,就报渲染层的错误:TypeError: Cannot read property ‘invoke’ of undefined。–>方法: 到微信开发者工具点击"详情"下的"本地设置",切换其他版本的 调试基础库 即可。这里我用的是2.8.3版本的,然后就可以了。