VScode导入Vue项目
1、使用VScode打开文件夹
2、找到运行按钮
3、判断有没有默认的配置文件存在
4、若文件夹存在就检查配置文件是否存在
（1）打开launch.json，把如下代码粘贴到里面的”configurations”: []列表中
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch Program",
// "console": "none", // 只输出到"调试控制台"
// "console": "externalTerminal", // 外部终端调试器
"console": "integratedTerminal", // 内部终端调试器，同时输出到"调试控制台"和内置"终端"
// "console": "internalConsole", // 新版本VScode的选项，仅出输出到"调试控制台"
"skipFiles": [
"/**"
],
"program": "${workspaceFolder}/node_modules/webpack-dev-server/bin/webpack-dev-server.js",
"args": [
"--inline",
"--progress",
"--config",
"build/webpack.dev.conf.js"
]
},
{
"name": "Launch Chrome",
"request": "launch",
"type": "pwa-chrome",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
},
]
}
（2）运行项目
（3）停止/关闭项目
5、若文件夹不存在
（1）点击创建launch.json文件
（2）创建时会自动生成.vscode文件夹和launch.json文件
（3）打开launch.json，把如下代码粘贴到里面的”configurations”: []列表中
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch Program",
// "console": "none", // 只输出到"调试控制台"
// "console": "externalTerminal", // 外部终端调试器
"console": "integratedTerminal", // 内部终端调试器，同时输出到"调试控制台"和内置"终端"
// "console": "internalConsole", // 新版本VScode的选项，仅出输出到"调试控制台"
"skipFiles": [
"/**"
],
"program": "${workspaceFolder}/node_modules/webpack-dev-server/bin/webpack-dev-server.js",
"args": [
"--inline",
"--progress",
"--config",
"build/webpack.dev.conf.js"
]
},
{
"name": "Launch Chrome",
"request": "launch",
"type": "pwa-chrome",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
},
]
}
（4）运行项目
（5）停止/关闭项目
Original: https://www.cnblogs.com/wylshkjj/p/14550352.html
Author: HashFlag
Title: VScode导入Vue项目
原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/563599/
转载文章受原作者版权保护。转载请注明原作者出处！