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": [
              "<node_internals>/**"
            ],
            "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": [
              "<node_internals>/**"
            ],
            "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）停止/關閉項目