vue-cli脚手架项目通过VS Code直接运行及build,无需敲打命令

阅读 62

2022-01-31


第一种方法:

1.​​终端​​​–>​​运行任务​

vue-cli脚手架项目通过VS Code直接运行及build,无需敲打命令_node.js

2.选择 ​​npm:serve​

vue-cli脚手架项目通过VS Code直接运行及build,无需敲打命令_vue_02

3.成功之后

vue-cli脚手架项目通过VS Code直接运行及build,无需敲打命令_悬停_03

第二种方法:

1. 点击 ​​调试​​​,选择​​添加配置​

vue-cli脚手架项目通过VS Code直接运行及build,无需敲打命令_vscode_04

注:报错如下时,需在vscode内部再安装一遍node

vue-cli脚手架项目通过VS Code直接运行及build,无需敲打命令_vscode_05

2.选择环境​​Node.js​

vue-cli脚手架项目通过VS Code直接运行及build,无需敲打命令_悬停_06

3.编辑文件​​launch.json​​,替换为一下内容
{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "项目启动",
"program": "${workspaceFolder}/build/dev-server.js"
},
{
"type": "node",
"request": "launch",
"name": "项目build",
"program": "${workspaceFolder}/build/build.js"
}
]
}
4.运行调试,快捷键​​F5​​(默认运行为首个配置,可选择不同配置)

vue-cli脚手架项目通过VS Code直接运行及build,无需敲打命令_快捷键_07

5.运行成功示例如下:

vue-cli脚手架项目通过VS Code直接运行及build,无需敲打命令_悬停_08



精彩评论(0)

0 0 举报