자주 사용하는 확장 프로그램

Beautify

Live Sass Compiler

Live Server

Path Intellisense

Prettier

 

indent-rainbow

auto rename tag

color highlight

highlight matching tag : 매칭되는 태그 강조

bracket pair colorizer

 

React-Native/React/Redux snippets for es6/es7

 

 

 

- Themes

https://www.freakyjolly.com/top-and-best-vs-visual-studio-code-themes/

Github Theme

Dracula Official

CRT Themes

Dracula Official

Panda Theme

SynthWave '84

Synthwave x Fluoromachine

 

Power Mode

 

setting.json

{
    "php.validate.executablePath": "C:/xampp/php/php.exe",
    "liveServer.settings.donotShowInfoMsg": true,
    "liveServer.settings.CustomBrowser": "chrome",
    "explorer.confirmDelete": false,
    "liveSassCompile.settings.generateMap": true,
    "liveSassCompile.settings.autoprefix": [],
    "liveSassCompile.settings.formats": [

        {
            "format": "expanded",
            "extensionName": ".css",
            "savePath": null
        }
    ],
    "terminal.integrated.shellArgs.windows": [
        "-ExecutionPolicy",
        "Bypass"
    ],
    "powermode.enabled": true,
    "powermode.enableShake": false,
    "powermode.presets": "magic",
    "editor.mouseWheelZoom": true,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "explorer.confirmDragAndDrop": false,

    /* prettier 정의 */
    "editor.formatOnsave": true,
    "prettier.printWidth": 140,
    "prettier.tabWidth": 2,
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[css]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "editor.wordWrap": "on",
    "editor.formatOnSave": true,
    "editor.tabSize": 2,
    "workbench.colorTheme": "Dracula"
}

 

https://velog.io/@boxerof8/%EC%9C%A0%EC%9A%A9%ED%95%9C-VSCode-%ED%99%95%EC%9E%A5%EC%9D%84-%EA%B3%B5%EC%9C%A0%ED%95%A9%EB%8B%88%EB%8B%A4