创建uni-app 微信小程序项目

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版本的,然后就可以了。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值