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

  • 相关阅读:
    JDBC的简单使用
    IO流知识点总结
    使用IO流实现一个简单的小Dome
    java编程实现日历
    如何用Java实现DVD的一些功能
    java 入门学习
    在mac电脑上创建java的一些简单操作
    Java Struts框架的一些问答面试题
    分层开发的思想
    JDBC连接数据库
  • 原文地址:https://www.cnblogs.com/wylshkjj/p/14550352.html
Copyright © 2011-2022 走看看