在vscode中运行Hbuilder创建的项目

凡小多

已于 2023-07-21 16:33:33 修改

阅读量5.2k

点赞数 2

分类专栏：其他文章标签： vscode ide 编辑器

于 2023-07-21 16:33:13 首次发布

本文链接：https://blog.csdn.net/wgh4318/article/details/131854940

版权

其他专栏收录该内容

7 篇文章 0 订阅

订阅专栏

对于习惯使用VSCode但需在HBuilder环境下调试uniapp项目的人来说，可以借助Unirun插件。该插件允许基于HBuilderX的uniapp-cli命令进行编译，并能自动打开第三方开发者工具。用户需要在.vscode/launch.json配置文件中设置，包括指定HBuilder的安装路径。配置完成后，选择运行启动调试即可在浏览器中进行调试。

摘要由CSDN通过智能技术生成

想必习惯使用vscode的人突然使用HBuilder很不习惯吧，但是HBuilder创建的项目本身没有调试功能。当你有一个app项目但又不想使用HBuilder编写，需要浏览器调试的时候，你这时就需要一个插件了：uni run

插件

在这里插入图片描述
基于HBuilderX的采用uniapp-cli命令的方式，进行编译且可以自动打开第三方开发者工具的VS Code插件
本项目适用于没有采用CLI命令的uniapp项目，原需要HBuilderX进行编译的

配置

在.vscode文件夹下的launch.json配置如下：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "uniapp-run",
      "request": "launch",
      "name": "h5",
      "platform": "h5",
    }
  ]
}