【转载】 vscode的配置文件

1 setting.json

此文件为vscode的配置文件

{
    "i18n-ally.localesPaths": ["src/i18n"], // 配置I18n文件夹路径
    "editor.fontSize": 15, // 设置编辑器字体大小为15pt
    "window.zoomLevel": 1.0 // 这是zoom为1.0
  }

2 launch.json

2.1 vue

这是使用vscode调试vue项目的launch.json文件。

{
    // 使用 IntelliSense 了解相关属性。
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
      {
        // 使用 Edge 浏览器调试
        // "type": "chrome",
        // 使用 Chrome 浏览器调试
        "type": "chrome",
  
        "request": "launch",
        "name": "vuejs: chrome",
  
        // 项目的访问地址（需要改成你项目开发环境对应的地址和端口号）
        "url": "http://localhost:80",
  
        "webRoot": "${workspaceFolder}",
        "pathMapping": {
          "/_karma_webpack_": "${workspaceFolder}"
        },
        "sourceMapPathOverrides": {
          "webpack:/*": "${webRoot}/*",
          "/./*": "${webRoot}/*",
          "/src/*": "${webRoot}/*",
          "/*": "*",
          "/./~/*": "${webRoot}/node_modules/*"
        },
  
        // 设置进入 debug 环境之前需要执行的任务。
        // 此名称对应项目中 .vscode 目录下 tasks.json 文件中的 label 属性）
        "preLaunchTask": "vuejs: start"
      }
    ]
  }

3. tasks.json

3.1 vue

此文件需要与2.1节的文档一起使用，此文件是运行npm-server，用来开启服务。而2.1节的文件是用来调试的。

{
    "version": "2.0.0",
    "tasks": [
      {
        "label": "vuejs: start",
        "type": "npm",
        "script": "dev",
        "isBackground": true
      }
    ]
  }