본문 바로가기
개발/개발 팁

Visual Studio Code 설치 후 세팅

by 하얀 루돌프 2022. 8. 22.

 

Material Icon Theme - Visual Studio Marketplace

 

Material Icon Theme - Visual Studio Marketplace

Extension for Visual Studio Code - Material Design Icons for Visual Studio Code

marketplace.visualstudio.com

 

 

 

Night Owl - Visual Studio Marketplace

 

Night Owl - Visual Studio Marketplace

Extension for Visual Studio Code - A VS Code theme for the night owls out there. Now introducing Light Owl theme for daytime usage. Decisions were based on meaningful contrast for reading comprehension and for optimal razzle dazzle. ✨

marketplace.visualstudio.com

 

 

 

IntelliJ IDEA Keybindings - Visual Studio Marketplace

 

IntelliJ IDEA Keybindings - Visual Studio Marketplace

Extension for Visual Studio Code - Port of IntelliJ IDEA Keybindings, including for WebStorm, PyCharm, PHP Storm, etc.

marketplace.visualstudio.com

 

 

 

F1 누른 후 setting.json - User Settings

"workbench.colorCustomizations": {
        "activityBar.background": "#3C3F41",
        "activityBar.foreground": "#BBBBBB",
        "activityBarBadge.background": "#d40000",
        "activityBar.border": "#102a44",
        "activityBar.activeBorder": "#11d100",
        "editorGroup.border": "#441010",
        "sideBar.background": "#3C3F41",
        "sideBar.border": "#102a44",
        "sideBar.foreground": "#BBBBBB",
        "tab.activeBorderTop": "#11d100",
        "tab.activeBackground": "#4E5254",
        "titleBar.activeBackground": "#3C3F41",
        "titleBar.inactiveBackground": "#3C3F41",
        "menu.background": "#3C3F41",
        "editor.lineHighlightBackground": "#232235",
        "editor.findMatchBackground": "#314365",
        "editor.findMatchBorder": "#2bee35",
        "editor.selectionBackground": "#4373C2"
    }

아래 workbench.colorCustomizations 만 색상 변경