一、安装 Atom One Light Theme
二、打开命令面板,搜索setting.json
三、输入护眼配置
{
"typescript.updateImportsOnFileMove.enabled": "always",
"editor.formatOnSave": true, // 保存时格式化
"breadcrumbs.enabled": false, // 开启 vscode 文件路径导航
// "tslint.autoFixOnSave": true, // #每次保存的时候将代码按tslint格式进行修复
"eslint.autoFixOnSave": true, // #每次保存的时候将代码按eslint格式进行修复
// "prettier.semi": false,//prettier 设置语句末尾不加分号
"prettier.singleQuote": true, // prettier 设置强制单引号
"vetur.format.defaultFormatter.js": "vscode-typescript", // #让vue中的js按编辑器自带的ts格式进行格式化
"window.enableMenuBarMnemonics": false,
"liveServer.settings.donotShowInfoMsg": true,
// "workbench.colorTheme": "Winter is Coming (Light)", //窗口.不启用菜单栏输入法,修改主题配色
"workbench.colorTheme": "Default Light+",
"workbench.colorCustomizations": { // 颜色设置
// "foreground": "#75a478",
"editor.background": "#C7EDCC",
// "editor.background": "#c1d8ac",
"sideBar.background": "#FAF9DE",
"terminal.background": "#EAEAEF"
},
"editor.wordWrapColumn": 160,
"explorer.confirmDragAndDrop": false,
"security.workspace.trust.untrustedFiles": "open",
"explorer.confirmDelete": false,
"diffEditor.ignoreTrimWhitespace": false,
"redhat.telemetry.enabled": true,
"vsicons.dontShowNewVersionMessage": true,
"workbench.startupEditor": "none",
"editor.minimap.enabled": false
}
四、重启vscode
效果如下: