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

运行

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

相关推荐
w(゚Д゚)w吓洗宝宝了1 小时前
猿创征文|Inscode桌面IDE:打造高效开发新体验
ide·inscode
NoneCoder2 小时前
AI时代IDE解析
ide·人工智能
梓仁沐白2 小时前
Windows上安装与使用 Jupyter Notebook
ide·windows·jupyter
ken22323 小时前
思考:linux Vi Vim 编辑器的简明原理,与快速用法之《 7 字真言 》@ “鱼爱返 说 温泉哦“ (**)
linux·编辑器·vim
Curtain_Gin3 小时前
Vundle is short for Vim bundle and is a Vim plugin manager.
linux·编辑器·vim
IT牛马14 小时前
linux服务器vim的四种模式
linux·编辑器·vim
木古古1814 小时前
Vim 插件开发小心得
linux·编辑器·vim
Koishi_TvT17 小时前
“2048”游戏网页版html+css+js
前端·javascript·css·vscode·游戏·html
小小哭包20 小时前
IntelliJ IDEA 使用心得与常用快捷键
java·ide·intellij-idea
Eiceblue21 小时前
.NET中通过C#实现Excel与DataTable的数据互转
开发语言·vscode·c#·.net·excel