uni-app的基本使用

准备工作

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

创建项目

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

运行

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

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

posted @ 2020-12-23 19:33  静影  阅读(41)  评论(0)    收藏  举报