VSCode布置launch.js前端常用配置

经此设置可以直接通过F5运行你想要运行的文件,大部分都是没有问题的,后续如果有其他情况会继续更新。

 "version": "0.2.0",
"configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "${file}",
            //这里是可替换文件,vscode内部设置好的
            "sourceMaps": true, 
            "webRoot": "${workspaceRoot}"
        },
         {
            "name": "nodeLauch", //单独调试js,即可以直接运行js
            "type": "node",
            "request": "launch",
            "program": "${file}", //这个配置成你要调试的文件、${file}当前打开的文件
            "stopOnEntry": false,
            "args": [],
            "cwd": "${workspaceRoot}",
            "runtimeExecutable": null,
            "runtimeArgs": [
                "--nolazy"
            ],
            "env": {
                "NODE_ENV": "development"
            },
            "console": "internalConsole",
            "preLaunchTask": "",
            "sourceMaps": false
        }
    ]
    
}
在 Windows 系统中使用 Visual Studio Code (VSCode) 配置 `launch.json` 文件,通常是为了设置调试环境,以便能够在 VSCode 中启动和调试程序。`launch.json` 文件是一个配置文件,它允许开发者定义和保存调试配置。 以下是在 Windows 系统中配置 VSCode `launch.json` 文件的一般步骤: 1. 打开你的项目文件夹,在 VSCode 中。 2. 点击侧边栏上的“调试”视图(或者使用快捷键 `Ctrl+Shift+D` 打开)。 3. 点击“创建一个 launch.json 文件”(绿色加号按钮)。 4. 选择你所使用的环境或者语言模板。VSCode 会根据你的项目类型提供预设的配置。 5. VSCode 会自动创建一个名为 `.vscode` 的文件夹(如果尚不存在),并在其中创建一个 `launch.json` 文件。 6. 你可以根据需要编辑 `launch.json` 文件,配置调试参数。常见的配置项包括: - `type`:调试类型,比如 `node` 表示 Node.js 环境。 - `request`:通常是 `launch` 或 `attach`,表示是启动一个新的调试实例还是附加到一个已经运行的实例。 - `name`:配置名称,用于在调试器的下拉菜单中选择。 - `program`:要调试的程序或脚本的路径。 - `args`:传递给程序的参数。 - `cwd`:当前工作目录的路径。 - `env`:环境变量的定义。 一个简单的 `launch.json` 示例配置如下: ```json { "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "Launch Program", "program": "${workspaceFolder}/app.js", "args": ["--arg1", "value1"] } ] } ``` 以上配置指定了使用 Node.js 环境,启动名为 `app.js` 的程序,并传递参数 `--arg1 value1`。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值