필수 vscode 확장 프로그램 (plugins/extension)
prettier - Code formatter
https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
Prettier - Code formatter - Visual Studio Marketplace
Extension for Visual Studio Code - Code formatter using prettier
marketplace.visualstudio.com
EsLint
https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
ESLint - Visual Studio Marketplace
Extension for Visual Studio Code - Integrates ESLint JavaScript into VS Code.
marketplace.visualstudio.com
Pretty TypeScript Errors
https://marketplace.visualstudio.com/items?itemName=yoavbls.pretty-ts-errors
Pretty TypeScript Errors - Visual Studio Marketplace
Extension for Visual Studio Code - Make TypeScript errors prettier and more human-readable in VSCode
marketplace.visualstudio.com
matrial icon theme
https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
Material Icon Theme - Visual Studio Marketplace
Extension for Visual Studio Code - Material Design Icons for Visual Studio Code
marketplace.visualstudio.com
ES7+ React/Redux/React-Native snippets
https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
ES7+ React/Redux/React-Native snippets - Visual Studio Marketplace
Extension for Visual Studio Code - Extensions for React, React-Native and Redux in JS/TS with ES7+ syntax. Customizable. Built-in integration with prettier.
marketplace.visualstudio.com
PostMan
https://marketplace.visualstudio.com/items?itemName=Postman.postman-for-vscode
Postman - Visual Studio Marketplace
Extension for Visual Studio Code - Streamline API development and testing with the power of Postman, directly in your favorite IDE.
marketplace.visualstudio.com
indent rainbow
https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow
indent-rainbow - Visual Studio Marketplace
Extension for Visual Studio Code - Makes indentation easier to read
marketplace.visualstudio.com
tailwind css intellisense
https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss
Tailwind CSS IntelliSense - Visual Studio Marketplace
Extension for Visual Studio Code - Intelligent Tailwind CSS tooling for VS Code
marketplace.visualstudio.com
TODO Tree
https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree
Todo Tree - Visual Studio Marketplace
Extension for Visual Studio Code - Show TODO, FIXME, etc. comment tags in a tree view
marketplace.visualstudio.com
import Cost
https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost
Import Cost - Visual Studio Marketplace
Extension for Visual Studio Code - Display import/require package size in the editor
marketplace.visualstudio.com
indenticator : Visually highlights the current indent depth.
https://marketplace.visualstudio.com/items?itemName=SirTori.indenticator
Indenticator - Visual Studio Marketplace
Extension for Visual Studio Code - Highlights your current indent depth
marketplace.visualstudio.com
이외에도 요런 거 쓴다.
- sass
- sass Formatter : https://marketplace.visualstudio.com/items?itemName=Syler.sass-indented
- live sass compiler : https://marketplace.visualstudio.com/items?itemName=glenn2223.live-sass
- react : https://marketplace.visualstudio.com/items?itemName=zhang-renyang.vscode-react
- kanagawa (vscode theme) : https://marketplace.visualstudio.com/items?itemName=qufiwefefwoyn.kanagawa
- svg preview : https://marketplace.visualstudio.com/items?itemName=SimonSiefke.svg-preview
- gitLens : https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
- errorLense : https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens
- auto import : https://marketplace.visualstudio.com/items?itemName=steoates.autoimport
- amazon Q : https://marketplace.visualstudio.com/items?itemName=AmazonWebServices.amazon-q-vscode
- todo highlight : https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight