摘月亮的小船儿

切换模式

在vscode中运行Hbuilder创建的项目 ​

TIP

当你有一个 app 项目但又不想使用 HBuilder 编写，需要浏览器调试的时候，你这时就需要一个插件了：uniapp run

安装插件 uniapp run 插件 ​

打开 vscode，点击左侧的扩展图标，搜索 uniapp run 插件，点击安装。

img

配置插件 ​

在 .vscode 文件夹下的 launch.json 文件中，添加以下配置：

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

配置Hbuilder安装地址 ​

img

img

输入你安装 HBuilder 的地址

运行项目 ​

在 vscode 中，点击上方的运行，点击启动调试，选择 h5 平台，即可运行项目。

img