下载HBuilder X-创建项目并运行

先进入HBuilder X官网，下载HBuilder X

官网地址：HBuilderX-高效极客技巧 (dcloud.io)

根据自身电脑 选择下载安装包，下载安装包后解压安装HBuilderX即可

1，创建项目

下载进入HBuilderX，点击新建项目（第一次打开是另一个页面，按默认选择的进行创建，选择项目放置位置，取项目名就好了）

也可以点击左上角的文件，进行创建项目

自定义项目名，选择项目放置位置然后点击创建

2.配置运行（前提是电脑上先拥有微信开发者工具）

创建好项目后点开项目》pages》index》index.vue在view标签中输入测试内容（script/style中的内容可以选择删除，记得ctrl加s保存），然后点击上面工具栏的运行，进入文件设置

进入文件设置后，找到下面小程序运行配置，将微信开发者工具地址填进去，保存后就可以X掉了

然后选择微信开发者工具运行

运行后会自动跳到微信开发者工具，点击“信任并运行”

点击后等待一会，出现你在HBuilderX的view标签中填写的测试内容就代表成功了

成功后，后续就可以在页面右下角运行了

注：如果报错，没有运行成功就检查一下微信开发者工具中安全设置里的 “服务端口” 有没有开启（没开就打开）