一、前提环境
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 编译完成后会跳转到微信开发者工具里
