一、前提环境

1.1 ：uniapp开发文档：https://uniapp.dcloud.net.cn/quickstart-cli.html

 细节都在这一页，这里不过多解释

二、开发工具下载

2.1 微信开发者工具

下载链接：https://developers.weixin.qq.com/miniprogram/dev/devtools/nightly.html

根据自己的电脑型号选择合适和版本：

2.2  HBuilder X 工具下载

下载链接：https://www.dcloud.io/hbuilderx.html

下载绿色解压版就行：

 三、新建uniapp项目

3.1 打开 HBuilder X工具选择新建项目，可以自己创建，也可以git拉取，可以选择vue版本语法

3.2  打开微信小程序，设置-》安全设置，将服务端口打开

 

 3.3  配置HBuilder X和微信开发者工具连接

在运行设置里配置微信开发者工具的安装路径，否则连不上。

 3.4 如果需要下载依赖，可以按图操作，第一次会提示下载终端，点击下载即可。

 四、运行到小程序

4.1 编译完成后会跳转到微信开发者工具里