vscode配置
{
"explorer.confirmDelete": false,
"editor.fontSize": 16,
"javascript.updateImportsOnFileMove.enabled": "always",
"workbench.colorTheme": "Solarized Dark",
"workbench.startupEditor": "newUntitledFile",
"explorer.confirmDragAndDrop": false,
"diffEditor.ignoreTrimWhitespace": false,
"debug.allowBreakpointsEverywhere": true,
"debug.console.fontSize": 14,
"editor.tabSize": 2,
"prettier.eslintIntegration": true,
"prettier.semi": false,
"prettier.singleQuote": true,
"eslint.validate": ["javascript", "javascriptreact", "html", {
"language": "vue",
"autoFix": true
}],
"eslint.options": {
"config-file": "/Users/zmy/Documents/git/koa-todolist/.eslintrc.js"
},
"files.associations": {
"*.vue": "vue"
},
"search.exclude": {
"**/node_modules": true,
"**/bower_components": true,
"**/dist": true
},
"emmet.syntaxProfiles": {
"javascript": "jsx",
"vue": "html",
"vue-html": "html"
},
"editor.renderWhitespace": "boundary",
"editor.detectIndentation": false,
// #每次保存的时候自动格式化
"editor.formatOnSave": false,
// #每次保存的时候将代码按eslint格式进行修复
// "eslint.autoFixOnSave": true,
// #让函数(名)和后面的括号之间加个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// #这个按用户自身习惯选择
"vetur.format.defaultFormatter.html": "js-beautify-html",
// #让vue中的js按编辑器自带的ts格式进行格式化
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "force-aligned"
// #vue组件中html代码格式化样式
}
},
"workbench.iconTheme": "vscode-icons",
"workbench.colorCustomizations": {
//编辑器
"editor.background": "#1a051ae0",
"editor.foreground": "#fdfdfd",
"editorIndentGuide.background": "#686666", // 缩进参考线
"editorIndentGuide.activeBackground": "#7c7b7b", // 缩进参考线
"editorCursor.foreground": "#ffffff", // 光标颜色
"list.hoverBackground": "#003cff", // 鼠标所在行的颜色
//字符选择时的高亮
"editor.lineHighlightBorder": "#8a8787", // 光标所在行边框颜色
"editor.lineHighlightBackground": "#393939", // 单击所选内容边框的颜色
"editor.selectionForeground": "#3f5ad1", // 单击所选内容的颜色
"editor.selectionBackground": "#0804fa", // 双击所选内容的颜色
"editor.selectionHighlightBackground": "#393939", // 与所选择的字符匹配的字符
"editor.selectionHighlightBorder": "#f1ff31", // 与所选择的字符匹配的字符的边框
"editor.hoverHighlightBackground": "#04c9fa",
//弹出小窗口：选项设置提示窗口，源代码补全窗口
"editorSuggestWidget.background": "#262626", // 弹出小窗口的背景
"editorSuggestWidget.foreground": "#ffffff",
"editorSuggestWidget.border": "#fbff14", // 弹出小窗口的边框
"editorSuggestWidget.selectedBackground": "#a78e04", // 当前所选行高亮
"editorSuggestWidget.highlightForeground": "#00ff37", // 与输入内容匹配的字符的颜色
//弹出窗口：选项设置提示窗口，源代码补全窗口,同上面的效果一样
// "editorWidget.background": "#393939", // 弹出小窗口的背景
// "editorWidget.border": "#fbff14", // 弹出小窗口的边框
// "list.focusBackground": "#837a00", // 当前所选行高亮
// "list.highlightForeground": "#00ff37", // 与输入内容匹配的字符的颜色
//--------------------------------------
//光标悬停在字符上时弹出的提示框
"editorHoverWidget.border": "#eeff00", // 光标悬停在字符上时弹出的提示框
"editorHoverWidget.background": "#393939",
//标题栏
"editorGroupHeader.tabsBackground": "#393939", // 标题栏未使用的地方
"tab.hoverBackground": "#000000", // 鼠标悬停在标题上的颜色
"tab.border": "#555555", // 标题栏标题间隔线
"tab.activeBorderTop": "#393939",
"tab.activeBorder": "#fffb00", // 活动标签底边框
"tab.activeBackground": "#393939",
"tab.activeForeground": "#ccfa00", // 活动标签颜色
"tab.inactiveBackground": "#393939",
"tab.inactiveForeground": "#ffffff", // 非活动标签颜色
"titleBar.activeBackground": "#393939",
"titleBar.activeForeground": "#ffffff", // 菜单栏颜色
//分割线
"contrastBorder": "#696868", // 板块分割线
"titleBar.border": "#b3b3b3", // 标题栏与菜单栏之间分割线
"activityBar.border": "#ffffff", // 左侧边栏分割线
//资源管理器
"sideBar.background": "#021c22", // 资源管理器栏背景色
"sideBar.foreground": "#ffffff", // 资源管理器栏前景色
"sideBar.border": "#817f80", // 资源管理器栏边框色
"sideBarTitle.foreground": "#03f0e4", // 资源管理器标题色
"sideBarSectionHeader.foreground": "#00b2f8", // 工作区标题色
"list.activeSelectionBackground": "#000000", // 资源管理器所选文件背景色
//侧边栏
"activityBar.background": "#221f1f",
"activityBar.foreground": "#ff6700",
"activityBar.inactiveForeground": "#ffffff",
//终端
"terminal.foreground": "#ffffff",
"terminal.background": "#080303",
//状态栏、输出栏
"statusBarItem.hoverBackground": "#001aff",
"statusBar.background": "#393939",
"panelTitle.inactiveForeground": "#ffffff",
"panelTitle.activeForeground": "#a6ff00",
"panel.background": "#393939",
"panel.border": "#a1a1a1", // 输出栏分割线
//滚动条
"scrollbarSlider.background": "#ffffff",
"scrollbarSlider.hoverBackground": "#01e1ff",
"scrollbarSlider.activeBackground": "#01e1ff",
//速览窗口
"peekViewEditor.background": "#727272",
"peekViewResult.background": "#726c6c",
"peekView.border": "#ffffff",
//搜索输入框
"input.background": "#000000",
"input.border": "#ffffff",
"input.foreground": "#ffffff",
"focusBorder": "#00ccff",
//括号匹配
"editorBracketMatch.background": "#ff0000"
},
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"scope": [
"comment.line",
"comment.block",
"comment.block.documentation",
"comment",
],
"settings": {
"foreground": "#209730"
}
},
{
"scope": [
"constant.character.escape", /* 换行符 */
"constant.numeric", /* 数字 */
"emphasis"
],
"settings": {
"foreground": "#ff81ee"
}
},
{ /* 预处理“#if”等的括号；宏定义的参数括号及代码段 */
"scope": "meta.preprocessor",
"settings": {
"foreground": "#ffffff"
}
},
{ /* 函数定义与声明的参数以及括号；宏定义代码段的参数及括号 */
"scope": "meta.function",
"settings": {
"foreground": "#ffffff"
}
},
{ /* 函数实体的所有大括号和变量，包括宏定义的代码段 */
"scope": "meta.block",
"settings": {
"foreground": "#ffffff"
}
},
{
"scope": "support.function", /* 库函数 */
"settings": {
"foreground": "#39ffef"
}
},
{
"scope": "entity.name.type", /* 结构、联合名 */
"settings": {
"foreground": "#00be75"
}
},
{
"scope": "support.type", /* 类型别名，即typedef别名 */
"settings": {
"foreground": "#35a4ff"
}
},
{
"scope": "variable.other", /* 结构成员解引用 struct member */
"settings": {
"foreground": "#9ee41c"
}
},
{
"scope": "variable.parameter", /* 宏定义参数 */
"settings": {
"foreground": "#ffffff"
}
},
{
"scope": [
"entity.name.function", /* 宏名；函数名，包括原型、调用、声明 */
"constant.character",
],
"settings": {
"foreground": "#a9ebff"
}
},
{
"scope": "meta.function-call", /* 函数调用参数*/
"settings": {
"foreground": "#ffffff"
}
},
{
"scope": "keyword.operator", /* 运算符 */
"settings": {
"foreground": "#cf8dcf"
}
},
{
"scope": "keyword.operator.logical", /* 逻辑运算符 */
"settings": {
"foreground": "#ffffff"
}
},
{
"scope": [
"keyword.control", /* 预编译条件判断，关键字 */
"storage.modifier", /* static、const等 */
"storage.type" /* void，变量类型限定符 */
],
"settings": {
"foreground": "#ffec41"
}
},
{
"scope": [
"punctuation.terminator", /* 分号（代码终止符） */
"punctuation.separator" /* 逗号 */
],
"settings": {
"foreground": "#f7b9ff"
}
},
],
},
}