VScode导入Vue项目

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

posted @   HashFlag  阅读(6575)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
阅读排行:
· 10亿数据,如何做迁移?
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 推荐几款开源且免费的 .NET MAUI 组件库
· 易语言 —— 开山篇
· Trae初体验
点击右上角即可分享
微信分享提示