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

  • 相关阅读:
    jQuery取得select选择的文本与值
    jquery 广告效果
    【JNI知识一】JNI接口函数与指针
    jQuery 中bind(),live(),delegate(),on() 区别(转)
    用angular怎么缓存父页面数据
    js条件判断时隐式类型转换
    常用原生JS方法
    gulp批量打包文件并提取公共文件
    angular下H5上传图片(可预览,可多张上传)
    angular4运行 ng build prod出错
  • 原文地址:https://www.cnblogs.com/wylshkjj/p/14550352.html
Copyright © 2011-2022 走看看