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

绝地灬酷狼 2023-01-04 13:22 224阅读 0赞

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

答案是可以！！！

请往下看。

# 初始化（启用） #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xwd19jbg_size_16_color_FFFFFF_t_70]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xwd19jbg_size_16_color_FFFFFF_t_70 1]

{ 
        // 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"
        }]
    }

# 快捷键 #

`F5`：启动调试

`Ctrl` \+ `F5`：直接运行

`Shift` \+ `F5`：终止调试

`Ctrl` \+ `Shift` \+ `F5`：重启调试

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xwd19jbg_size_16_color_FFFFFF_t_70]: /images/20221119/cf9452736a56456e9fc2fe7e2ed00ec3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xwd19jbg_size_16_color_FFFFFF_t_70 1]: /images/20221119/0460bb716df04eebb130451dc3929fe1.png