vscode外掛列表及配置資訊

這裡儲存一下vscode的外掛和配置資訊

{
  // 以畫素為單位控制字號。
  "editor.fontSize": 18,
  "files.autoSave": "onFocusChange",
  "editor.fontFamily": "monospace, Consolas, 'Courier New'",
  "editor.mouseWheelZoom": true,
  "editor.showFoldingControls": "always",
  "emmet.syntaxProfiles": {
    "javascript": "jsx",
    "vue": "html",
    "vue-html": "html"
  },
  "git.ignoreMissingGitWarning": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  "eslint.options": {
    "extensions": [".js", ".vue"]
  },
  "editor.renderIndentGuides": true,
  "vetur.format.defaultFormatter.ts": "vscode-typescript",
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "auto" // html的多個屬性不換行
    }
  },
  "prettier.singleQuote": true,
  "prettier.semi": false,
  // "prettier.eslintIntegration": true,
  "eslint.autoFixOnSave": true,
  "editor.tabSize": 2,
  "files.associations": {
    "*.vue": "vue"
  },
  "search.exclude": {
    "**/bower_components": true,
    "**/dist": true
  },
  "typescript.useCodeSnippetsOnMethodSuggest": true,
  "file_peek.activeLanguages": [
    "typescript",
    "javascript",
    "python",
    "vue" // 新增vue支援
  ],
  "file_peek.searchFileExtensions": [
    ".js",
    ".ts",
    ".html",
    ".css",
    ".scss",
    ".vue" // 新增vue支援
  ],
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  "typescript.format.insertSpaceBeforeFunctionParenthesis": true,
  "explorer.confirmDragAndDrop": false,
  "explorer.confirmDelete": false,
  "vsicons.dontShowNewVersionMessage": true,
  "search.location": "panel",
  "workbench.activityBar.visible": true,
  "fileheader.Author": "jiangyan6",
  "fileheader.LastModifiedBy": "jiangyan6",
  "workbench.colorTheme": "One Dark Pro",
  "fileheader.tpl": "/*\r\n * @Author: {author} \r\n * @Date: {createTime} \r\n * @Last Modified by:   {lastModifiedBy} \r\n * @Last Modified time: {updateTime} \r\n * @Desc: 檔名 \r\n */\r\n",
  "workbench.editor.enablePreview": false,
  "todohighlight.isEnable": true,
  "LineCount.excludes": [
    "**/.vscode/**",
    "**/node_modules/**",
    "**/dist/**",
    "**/.history/**"
  ]
}

程式碼片段配置如下

// javascript.json
{
    // Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and 
    // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
    // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
    // same ids are connected.
    // Example:
    "Print to console": {
        "prefix": "cons",
        "body": [
            "console.log($1)"
        ],
        "description": "Log output to console"
    },

    "Print to jsfn": {
        "prefix": "jsfn",
        "body": [
            "/*\r\n * @Author: jiangyan6 \r\n * @Date: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND \r\n * @Desc: $1  \r\n * @param: $2  \r\n * @return: $3  \r\n */\r\n",
        ],
        "description": "js中對函式的註釋"
    }
}

// vue-code-snippets
{
  // Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
  // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
  // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
  // used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
  // Placeholders with the same ids are connected.
  // Example:
  // "Print to console": {
  //     "scope": "javascript,typescript",
  //     "prefix": "log",
  //     "body": [
  //         "console.log('$1');",
  //         "$2"
  //     ],
  //     "description": "Log output to console"
  // }
  "Print to console": {
    "prefix": "vue",
    "body": [
      "/*"
      "* @Author: jiangyan6"
      "* @Date: 2018-12-06 15:27:49"
      "* @Last Modified by: jiangyan6"
      "* @Last Modified time: 2018-12-06 18:53:48"
      "* @Desc: xxx頁面"
      "*/"
      "<template>",
      "  <div>$0</div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  name: '',",
      "  data () {",
      "    return {",
      "    }",
      "  },",
      "  methods: {},",
      "  created () {}",
      "}",
      "</script>",
      "<style lang=\"less\" scoped>",
            "</style>",
            ""
    ],
    "description": "A vue file template"
  }
}