vscode插件及配置

Better Comments  设置注释不同颜色

veture  //vue要用

 

eslint

 

{

  "git.path":"C:\Program Files\Git\cmd\git.exe",

  "git.ignoreMissingGitWarning": true,

  "breadcrumbs.enabled": true,

  "workbench.colorTheme": "One Dark Pro",

  "editor.fontFamily": "mononoki,Consolas, 'Courier New', monospace",

  "editor.renderLineHighlight": "none",

  "editor.lineHeight": 18,

  "editor.roundedSelection": false,

  "editor.fontSize": 14,

  "editor.wordWrap": "on",

  "workbench.colorCustomizations": {

    "editor.selectionHighlightBorder": "#8e7f8200", //选择内容的边框颜色  

    "editor.selectionHighlightBackground": "#d8267f98", //选择内容的背景颜色  

    "editorIndentGuide.activeBackground": "#81868d", //编辑器活动缩进参考线的颜色  

    "editorBracketMatch.background": "#515a6b94", //匹配括号的背景色  

    "tab.activeBackground": "#454b58", //当前选项卡背景颜色  

  },

  "editor.tokenColorCustomizations": { //注释

    // "comments": {

    //     // 设置字体样式 加粗 下划线 斜体等

    //     "fontStyle": "",

    //     // 设置字体颜色

    //     "foreground": "#4cd47a"

    // }, // 注释

    // "keywords": "#0a0", // 关键字

    // "variables": "#f00", // 变量名

    // "strings": "#e2d75dbd", // 字符串

    // "functions": "#fc5bbec9", // 函数名

    // "numbers": "#2b8b5f" // 数字 

  },

  //注释里的设置

  "better-comments.multilineComments": true,

  "better-comments.highlightPlainText": true,

  "better-comments.tags": [

    {

      "tag": "!",

      "color": "#FF2D00",

      "strikethrough": false,

      "backgroundColor": "transparent"

    },

    {

      "tag": "?",

      "color": "#ee782a",

      "strikethrough": false,

      "backgroundColor": "transparent"

    },

    {

      "tag": "//",

      "color": "#474747",

      "strikethrough": true,

      "backgroundColor": "transparent"

    },

    {

      "tag": "todo",

      "color": "#FF8C00",

      "strikethrough": false,

      "backgroundColor": "transparent"

    },

    {

      "tag": "*",

      "color": "#db45a9",

      "strikethrough": false,

      "backgroundColor": "transparent"

    },

    {

      "tag": "``",

      "color": "#4671e9",

      "strikethrough": false,

      "backgroundColor": "transparent"

    }

  ],

  //eslint

  "editor.formatOnSave": true

}

 

代码片段：

{
    "Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            "    <div>\n",
            "    </div>",
            "</template>\n",
            "<script>",
            "export default {",
            "    props: {\n",
            "    },",
            "    data() {",
            "        return {\n",
            "        };",
            "    },",
            "};",
            "</script>\n",
            "<style scoped>\n",
            "</style>\n",
        ],
        "description": "Create vue template"
    }
}