先进入HBuilder X官网,下载HBuilder X
官网地址:HBuilderX-高效极客技巧 (dcloud.io)
根据自身电脑 选择下载安装包,下载安装包后解压安装HBuilderX即可
1,创建项目
下载进入HBuilderX,点击新建项目(第一次打开是另一个页面,按默认选择的进行创建,选择项目放置位置,取项目名就好了)
也可以点击左上角的文件,进行创建项目
自定义项目名,选择项目放置位置然后点击创建
2.配置运行(前提是电脑上先拥有微信开发者工具)
创建好项目后点开项目》pages》index》index.vue在view标签中输入测试内容(script/style中的内容可以选择删除,记得ctrl加s保存),然后点击上面工具栏的运行,进入文件设置
进入文件设置后,找到下面小程序运行配置,将微信开发者工具地址填进去,保存后就可以X掉了
然后选择微信开发者工具运行
运行后会自动跳到微信开发者工具,点击“信任并运行”
点击后等待一会,出现你在HBuilderX的view标签中填写的测试内容就代表成功了
成功后,后续就可以在页面右下角运行了
注:如果报错,没有运行成功就检查一下微信开发者工具中安全设置里的 “服务端口” 有没有开启(没开就打开)