1.插件搜索到Atom后Install
2.进行设置
打开右上角File->Preference->Settings
点击左上角OpenSettings(Json)
3.根据需要复制下面代码
{
"window.autoDetectColorScheme": true, // 这个必须要加,否则界面让你怀疑人生
"workbench.colorTheme": "Atom One Light",
"editor.tabSize": 2, //工作台主题颜色
"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.colorCustomizations": { // 颜色设置
"editor.background": "#C7EDCC",
"sideBar.background": "#FAF9DE",
"terminal.background": "#EAEAEF"
},
"files.autoGuessEncoding": true,
"editor.suggestSelection": "first",
"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
"extensions.ignoreRecommendations": true,
"window.zoomLevel": 0
}
[引用]关于VScode设置护眼色的方法-CSDN博客