01、新建一个uniapp项目

打卡开发工具【文件】-【新建项目】选择Uniapp即可

02、设置uniapp和微信小程序开发工具的关联

02-1、安装微信小程序，并且找到按照目录

比如作者的是：C:\Program Files (x86)\Tencent\微信web开发者工具

02-2、hbuilderx关联微信小程序开发工具

找到【运行配置】在这里可以关联所有小程序

03、应用程序取名字及生成应用图标

03-1、找到创建的项目找到【manifest.json】基础配置获取一个标识和取名字为【学相伴】

取的这个名字未来安卓或者ios中应用的名称，但是对于小程序没有用，因为各自的小程序都是根据它们对应的后台去处理和生成的。

03-2、APP图标设置

03-3、APP启动界面配置

保持默认不变即可，或者自己进行研究一下。

03-4、APP模块配置

03-5、微信小程序设置

微信小程序配置相关

01、添加开发人员和体验人员

目的：可以共同维护和开发这个小程序

02、添加外部资源的合法性和展示

03、微信小程序工具创建微信小程序项目

04、创建项目的配置说明

05、项目预览

06、项目上传和发布

07、微信认证和设置

运行uniapp应用到微信小程序开发工具中

01、运行和编译一个uniapp项目到微信小程序开发工具中

02、hbuilderx主题设置

修改后

03、hbuilderx插件安装

03-1、自带插件安装

03-2、第三方插件

插件应用市场：
https://ext.dcloud.net.cn/

04、hbuilderx字体大小的改变

1、按住Ctrl键不放+鼠标滚轮 2、在【设置中】找到常用设置即可

05、uniapp项目目录结构说明和介绍

06、定义第一个页面及运行到微信小程序中

运行以后如下：

07、运行到浏览器中（H5）

运行以后如下：