1.插件搜索到Atom后Install

2.進(jìn)行設(shè)置

打開右上角File->Preference->Settings

點(diǎn)擊左上角OpenSettings(Json)

3.根據(jù)需要復(fù)制下面代碼

{
    "window.autoDetectColorScheme": true, // 這個(gè)必須要加，否則界面讓你懷疑人生
    "workbench.colorTheme": "Atom One Light",
    "editor.tabSize": 2, //工作臺(tái)主題顏色
    "typescript.updateImportsOnFileMove.enabled": "always",
    "editor.formatOnSave": true, // 保存時(shí)格式化
    "breadcrumbs.enabled": false, // 開啟 vscode 文件路徑導(dǎo)航
    // "tslint.autoFixOnSave": true, // #每次保存的時(shí)候?qū)⒋a按tslint格式進(jìn)行修復(fù)
    "eslint.autoFixOnSave": true, // #每次保存的時(shí)候?qū)⒋a按eslint格式進(jìn)行修復(fù)
    // "prettier.semi": false,//prettier 設(shè)置語(yǔ)句末尾不加分號(hào)
    "prettier.singleQuote": true, // prettier 設(shè)置強(qiáng)制單引號(hào)
    "vetur.format.defaultFormatter.js": "vscode-typescript", // #讓vue中的js按編輯器自帶的ts格式進(jìn)行格式化 
    "window.enableMenuBarMnemonics": false,
    "liveServer.settings.donotShowInfoMsg": true,
    "workbench.colorCustomizations": { // 顏色設(shè)置
        "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
}

[引用]關(guān)于VScode設(shè)置護(hù)眼色的方法-CSDN博客