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" } }