vscode中启动uniapp小程序到微信开发者助手运行

1,124 阅读1分钟

关于这个功能,如果你已经习惯于使用hbuilder开发uniapp项目,可以直接忽略。主要面向那些使用hbuilder不习惯的开发者而言,使用vscode可以给更熟悉,上手更块。 1、在vscode中安装uniapp相关的插件,例如:uniapp-run。 2、安装hbuilder编辑器。在vscode中设置hbuilder路径

2901af3b57c2b26763d9ffa45df72b5.png

609b44ad53e0ff7abe3130de57c6fdf.png 3、在vscode调试控制台设置launch.json配置

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch Chrome",
            "request": "launch",
            "type": "chrome",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceFolder}"
        },
        {
            "type": "uniapp-run",
            "request": "launch",
            "name": "Uniapp Run",
            "platform": "mp-weixin",
        }
    ]
}

4、将uniapp打包后的项目导入微信开发者助手。文件不要搞错了,一定是要项目的unpackage>dist>dev>map-weixin.

c353ee37dde573a27561ad83c2eeaae.png

8bd621cdc70635e2e7882b8fa5f6669.png