VS Code配置F5一键运行Vue应用（npm run serve）

Chief395

已于 2022-03-16 15:07:30 修改

阅读量1w

点赞数 4

分类专栏： Vue 文章标签： vscode vue

于 2021-01-10 10:21:40 首次发布

本文链接：https://blog.csdn.net/lpw_cn/article/details/112424886

版权

Vue 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了VSCode一键运行程序的方法。首先进行初始化（启用），会自动生成文件；接着编辑启动配置文件launch.json；还给出了相关快捷键，如启动调试、直接运行、终止调试和重启调试的组合键。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

VsCode能否一键运行程序？比如按下F5，直接运行npm run serve；

答案是可以！！！

请往下看。

初始化（启用）

在这里插入图片描述

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [{
        "type": "node",
        "request": "launch",
        "name": "Launch Program",
        "skipFiles": ["<node_internals>/**"],
        "program": "${workspaceFolder}\\app.js"
    }]
}

会自动生成.vscode/launch.json文件。

编辑启动配置文件

launch.json

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [{
        "name": "Launch via NPM",
        "request": "launch",
        "runtimeArgs": [
            "run",
            "serve"
        ],
        "runtimeExecutable": "npm",
        "skipFiles": [
            "<node_internals>/**"
        ],
        "type": "node"
    }]
}