菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
308
0

VScode导入Vue项目

原创
05/13 14:22
阅读数 23195

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)停止/关闭项目

相关热门文章

发表评论

0/200
308 点赞
0 评论
收藏
为你推荐 换一批