在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地址即可

运行

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

相关推荐
死也不注释13 分钟前
【Unity 编辑器工具开发:GUILayout 与 EditorGUILayout 对比分析】
unity·编辑器·游戏引擎
lyj16899716 分钟前
vue-i18n+vscode+vue 多语言使用
前端·vue.js·vscode
这是个栗子3 小时前
【问题解决】VSCode终端中看不到Git-Bash
ide·git·vscode
岁月玲珑6 小时前
【使用Android Studio调试手机app时候手机老掉线问题】
android·ide·android studio
许白掰10 小时前
Linux入门篇学习——Linux 帮助手册
linux·运维·服务器·嵌入式硬件·学习·编辑器·vim
木头没有瓜11 小时前
vscode离线安装插件
ide·vue.js·vscode
lls23313 小时前
恢复idea文件目录
ide
NeRF_er14 小时前
使用 VScode Debug加不上断点的原因
ide·vscode·编辑器
GHL28427109014 小时前
error MSB8041: 此项目需要 MFC 库。从 Visual Studio 安装程序(单个组件选项卡)为正在使用的任何工具集和体系结构安装它们。
ide·visual studio
专注VB编程开发20年18 小时前
javascript的类,ES6模块写法在VSCODE中智能提示
开发语言·javascript·vscode