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

  • 相关阅读:
    分布式版本控制系统Git的安装与使用
    利用GitLab自动同步软件仓库
    MakerDAO 代币解释:DAI, WETH, PETH, SIN, MKR(一)
    数组 Major^
    String 类 Major^
    深度优先排序(数字全排列) Major^
    喊数字小游戏 Major^
    java数据类型 Major^
    ArrayList类的使用方法 Major^
    深度优先搜索(迷宫救人最短路径) Major^
  • 原文地址:https://www.cnblogs.com/wylshkjj/p/14550352.html
Copyright © 2011-2022 走看看