2023年7月7日发(作者：)

VScode导⼊Vue项⽬VScode导⼊Vue项⽬1、使⽤VScode打开⽂件夹2、找到运⾏按钮3、判断有没有默认的配置⽂件存在4、若⽂件夹存在就检查配置⽂件是否存在（1）打开，把如下代码粘贴到⾥⾯的"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/", "args": [ "--inline", "--progress", "--config", "build/" ] }, { "name": "Launch Chrome", "request": "launch", "type": "pwa-chrome", "url": "localhost:8080", "webRoot": "${workspaceFolder}" }, ]}（2）运⾏项⽬（3）停⽌/关闭项⽬5、若⽂件夹不存在（1）点击创建⽂件（2）创建时会⾃动⽣成.vscode⽂件夹和⽂件（3）打开，把如下代码粘贴到⾥⾯的"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/", "args": [ "--inline", "--progress", "--config", "build/" ] }, { "name": "Launch Chrome", "request": "launch", "type": "pwa-chrome", "url": "localhost:8080", "webRoot": "${workspaceFolder}" }, ]}（4）运⾏项⽬（5）停⽌/关闭项⽬