[VSCode] 설정

Font

Commonly Used > Font Family

Color Customizations

파일 > 기본설정 > 설정

{
    "terminal.integrated.defaultProfile.windows": "Command Prompt",
    "workbench.iconTheme": "material-icon-theme",
    "workbench.colorTheme": "Night Owl",
    "atomKeymap.promptV3Features": true,
    "editor.multiCursorModifier": "ctrlCmd",
    "editor.formatOnPaste": true,
    "workbench.colorCustomizations": {
        //
        // https://code.visualstudio.com/api/references/theme-color 참고
        //

        "editor.background": "#000000",
        "editor.foreground": "#FFFFFF",
        "editor.findMatchBorder": "#D8B43C",
        "editor.lineHighlightBackground": "#2d2d2d",
        "editor.rangeHighlightBackground": "#D8B43C55",
        "editor.selectionHighlightBorder": "#D8B43C",
        "editor.selectionHighlightBackground": "#0000",
        "editorBracketMatch.background": "#D8B43C55",
        "editorBracketMatch.border": "#D8B43C",
        "editorCursor.foreground": "#0F0",

        "editorLineNumber.foreground": "#41a6d9",
        "editorLineNumber.activeForeground": "#ff6a00",

        // 자동완성 위젯 설정
        "editorSuggestWidget.background": "#424d66", // widget bg
        //"editorSuggestWidget.selectedBackground": "#b9f629", // <-- this one -->
        "editorSuggestWidget.selectedBackground": "#ff00005e", // <-- this one -->
        "editorSuggestWidget.highlightForeground": "#ff6a00", // typed(matching) symbols color

        "focusBorder": "#0F0",

        // 리스트 & 트리 색상 설정
        "list.activeSelectionBackground": "#1a1a1a",
        "list.activeSelectionForeground": "#848484",
        "list.focusBackground": "#000000",
        "list.focusForeground": "#848484",
        "list.highlightForeground": "#2979ff",
        //"list.highlightForeground": "#FFA000",
        "list.hoverBackground": "#246300",
        "list.hoverForeground": "#848484",
        "list.inactiveFocusBackground": "#1a1a1a",
        "list.inactiveSelectionBackground": "#005a3f",
        "list.inactiveSelectionForeground": "#d0ff00",

        // 메뉴 색상 설정
        "menu.selectionForeground": "#FFA000",

        "selection.background": "#207a27",

        // 탐색기  Tree 색상
        "activityBar.background": "#191919",
        "activityBar.foreground": "#f4f4f4",

        "sideBar.background": "#000000",
        "sideBar.foreground": "#ffffff",

        "sideBarSectionHeader.background": "#232323",
        "sideBarTitle.foreground": "#EEEE",

        "statusBar.background": "#1A1A1A",
        "statusBar.noFolderBackground": "#212121",
        "statusBar.debuggingBackground": "#263238",

        // Tab 색생 설정
        "tab.activeBorderTop": "#0A84FF", // Active Tab Top Highlighting
        "tab.activeBorder": "#ff0000",
        "tab.unfocusedActiveBorder": "#000000",
        "tab.activeBackground": "#000000f5",
        "tab.hoverBackground": "#0000007a",
        "tab.inactiveForeground": "#ECECEC",
    },
    "liveServer.settings.donotShowInfoMsg": true,
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "workbench.startupEditor": "none",
    "extensions.ignoreRecommendations": true,
    "editor.language.colorizedBracketPairs": [

    ],
    "files.autoSave": "afterDelay",
    "editor.fontFamily": "'Bitstream Vera Sans Mono', Consolas, 'Courier New', monospace",
    "markdown.preview.fontSize": 16,
    "editor.fontSize": 16,
    "files.trimTrailingWhitespace": true,
    "files.trimFinalNewlines": true
}

VS Code Tab 간격 설정

파일 > 기본설정 > 설정 - Tab size

VS Code 공백 설정

파일 > 기본설정 > 설정 - insert space

코드 자동 정렬 ( 단축키 : Shift + Alt + F )

Prettier - Code Formmater 선택 ( Prettier Code Formatter Plugin 을 설치해야 합니다. )

공백삭제

Trim 으로 조회 후 체크.

 

---

https://hermeslog.tistory.com/616

[VSCode] Plugins