uni-app的基本使用

132 阅读1分钟

准备工作

下载HbuilderX 下载微信开发者工具 打开微信开发者工具,找到上方导航栏的设置 - - - 安全设置 - - - 服务端口默认是关闭的,打开 否则后面在微信开发者工具运行的时候会报错

创建项目

打开 HbuilderX 上方导航栏 - - - 文件 - - - 新建 - - - 项目 选择 uni-app 填写项目名称 改变项目所在位置 点击创建 然后会自动创建一个基础的 uni-app 的目录结构 打开 manifest,如果要编译为小程序,就填写一下对应的 APPID,否则编译过后打不开会报这个 Cannot read property ‘forceUpdate’ of undefined 错误

运行

  1. 上方导航栏 - - - 运行 - - - 运行到浏览器 - - - 选个浏览器 就会编译成 H5 项目并自动打开 自动打开H5项目
  2. 上方导航栏 - - - 运行 - - - 运行到小程序模拟器 - - - 微信开发者工具 就会编译成小程序并自动打开,第一次编译会让你配置一下微信开发者工具安装的位置 自动打开小程序项目
  3. 上方导航栏 - - - 运行 - - - 运行到手机或模拟器 - - - 选择手机或模拟器(数据线连接手机即可,个人没试过) 编译好后会让你安装一个 app,也就是编译的移动端 app

❀❀❀❀❀❀ 完结散花 ❀❀❀❀❀❀

Written ❤️ sywdebug.