zoukankan      html  css  js  c++  java
  • 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)停止/关闭项目

  • 相关阅读:
    Exadata存储节点的CPU限制成功了没?
    如何减少Exadata计算节点CPU的Core数量
    如何选择适合你的HTAP数据库?
    小知识:Oracle中的层次查询
    小知识:使用MOS下载Oracle介质快速参考
    小知识:Flex ASM特性对集群资源显示的影响
    javaWeb request请求乱码、response响应中文乱码一站式解决方案
    java 文件File与byte[]数组相互转换的两种方式
    pr 如何调高导出视频的清晰度?
    pr 剪辑视频之剃刀用法
  • 原文地址:https://www.cnblogs.com/wylshkjj/p/14550352.html
Copyright © 2011-2022 走看看