在vscode中运行Hbuilder创建的项目

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

插件

基于HBuilderX的采用uniapp-cli命令的方式,进行编译且可以自动打开第三方开发者工具的VS Code插件

本项目适用于没有采用CLI命令的uniapp项目,原需要HBuilderX进行编译的

配置

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

powershell 复制代码
{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "uniapp-run",
      "request": "launch",
      "name": "h5",
      "platform": "h5",
    }
  ]
}

配置Hbuilder安装地址:

输入你安装的HBuilder地址即可

运行

选择运行启动调试即可访问地址

相关推荐
小李不困还能学1 小时前
PyCharm下载安装与配置教程
ide·python·pycharm
知福致福2 小时前
vscode连接远程服务器登录codex插件一直卡在gpt图标页,不跳转浏览器登录
服务器·vscode·gpt
广东帝工3 小时前
桥梁智能防撞主动预警系统——架构、体系、预警机制
编辑器
A小调的码农4 小时前
OPENOCD+MSYS+VSCODE:从“灯不亮“到“终于亮了“
ide·vscode·stm32·单片机·编辑器
广东帝工4 小时前
桥梁防撞(防船撞)智能预警系统
编辑器
hkj88086 小时前
vscode提交gitee远程仓库出现Permission denied (publickey)解决方法
ide·vscode·gitee
女神下凡6 小时前
WorkBuddy、TraeWork、QWork 完整区别对比
ide·人工智能·笔记
李顿波6 小时前
Ai IDE / Ai Agent 一览!
ide·人工智能
等什么秋7 小时前
idea2024下载
java·ide·intellij-idea
独隅7 小时前
Typora插件开发终极指南:从底层逆向到专属IDE式写作环境
ide