uniapp创建微信小程序项目和打开内置组件项目

1uniapp创建微信小程序项目

1.下载开发工具hbuilder:
下载地址:https://www.dcloud.io/hbuilderx.html
2.创建新项目:
uniapp创建微信小程序项目和打开内置组件项目
.选择项目类型,选择uniapp,可以根据不同需求选择不同模板:
uniapp创建微信小程序项目和打开内置组件项目
在微信开发者平台查看演示
在导入到微信开发者平台前,需要对该项目做一些配置:

  1. 找到项目里的manifest.json, 配置uniapp的APPID以及微信小程序的相关配置

  2. uni的基础配置

  3. uniapp创建微信小程序项目和打开内置组件项目
    本项目中小程序的相关配置:
    uniapp创建微信小程序项目和打开内置组件项目

  4. 在微信开发者工具中查看
    . “微信小程序模拟”,需要打开微信开发工具,然后 设置 -> 安全 -> 服务端口 -> 开启。否则连接接不上
    uniapp创建微信小程序项目和打开内置组件项目

  5. 打开本项目中的某一个文件后,进行下列操作:

点击 运行 -> 运行到小程序模拟器 -> 微信开发者工具
uniapp创建微信小程序项目和打开内置组件项目

打开内置组件项目

选择Hello uni-app模板
uniapp创建微信小程序项目和打开内置组件项目
启动项目:
uniapp创建微信小程序项目和打开内置组件项目
效果图:
uniapp创建微信小程序项目和打开内置组件项目