一 HBuilderX 的下载
https://www.dcloud.io/hbuilderx.html
选择正式版使用
二 工具的配置
2.1 工具 --> 设置 --> 运行配置
2.1.1 微信开发者工具路径
路径:自己的开发者路径
2.1.2 node 运行配置
找到微信开发者路径的node.exe
相当于黑窗口
2.2 插件 工具 --> 插件安装
2.2.1 下载插件
还有一个stylus 下载的时候会提示错误
根据这里:https://hx.dcloud.net.cn/Tutorial/faq/pluginInstall
进行调整
三 微信小程序端
打开微信开发者工具 --> 设置 --> 安全设置–> 服务端口选择开启
四 同步运行
点击项目根目录,再点击运行–> 运行到小程序模拟器–>选择第一个 微信开发者工具
这样就会在HBuilderX上写代码,在微信开发者工具上看效果.文章来源:https://www.toymoban.com/news/detail-743565.html
五 BUG
5.1 nodemon在终端无法识别
需要安装 npm install -g nodemon
还用到文章来源地址https://www.toymoban.com/news/detail-743565.html
npm init -y //初始化package.json
npm i express -S //
node xxx.js //运行服务
npm install vuex@3 -S // 下载vue 如果不写@3 就会安装最新版本
到了这里,关于微信小程序 工具使用(HBuilderX)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!