VSCode 설치 및 extension 세팅하기

 

VSCode 설치하기

 

https://code.visualstudio.com/

 

 

 

 

 

제가 자주 사용하는 확장자

 

1. Community Material Theme

 

Name: Community Material Theme
Id: Equinusocio.vsc-community-material-theme
Description: The official community maintained Material Theme with 'legacy' color schemes you love!
Version: 1.4.6
Publisher: Equinusocio
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-community-material-theme

Community Material Theme - Visual Studio Marketplace

 

 

2. Material Icon Theme

 

Name: Material Icon Theme
Id: PKief.material-icon-theme
Description: Material Design Icons for Visual Studio Code
Version: 4.31.0
Publisher: Philipp Kief
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme

Material Icon Theme - Visual Studio Marketplace

 

3. Auto Rename Tag

 

Name: Auto Rename Tag
Id: formulahendry.auto-rename-tag
Description: Auto rename paired HTML/XML tag
Version: 0.1.10
Publisher: Jun Han
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

Auto Rename Tag - Visual Studio Marketplace

 

4. Auto Close Tag

 

Name: Auto Close Tag
Id: formulahendry.auto-close-tag
Description: Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text
Version: 0.5.14
Publisher: Jun Han
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

Auto Close Tag - Visual Studio Marketplace

 

5. Bracket Pair Color DLW

 

Name: Bracket Pair Color DLW
Id: BracketPairColorDLW.bracket-pair-color-dlw
Description: Quickly 'Bracket Pair Color DLW' setting with a simple command
Version: 0.0.6
Publisher: Bracket Pair Color DLW
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=BracketPairColorDLW.bracket-pair-color-dlw

Bracket Pair Color DLW - Visual Studio Marketplace

 

6. Code Spell Checker

 

Name: Code Spell Checker
Id: streetsidesoftware.code-spell-checker
Description: Spelling checker for source code
Version: 3.0.1
Publisher: Street Side Software
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

Code Spell Checker - Visual Studio Marketplace

 

6. Path Intellisense

 

Name: Path Intellisense
Id: christian-kohler.path-intellisense
Description: Visual Studio Code plugin that autocompletes filenames
Version: 2.8.5
Publisher: Christian Kohler
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

Path Intellisense - Visual Studio Marketplace

 

7. Live Share

 

Name: Live Share
Id: MS-vsliveshare.vsliveshare
Description: Real-time collaborative development from the comfort of your favorite tools.
Version: 1.0.5892
Publisher: Microsoft
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare

Live Share - Visual Studio Marketplace

 

8. IntelliCode

 

Name: IntelliCode
Id: VisualStudioExptTeam.vscodeintellicode
Description: AI-assisted development
Version: 1.2.30
Publisher: Microsoft
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode

IntelliCode - Visual Studio Marketplace

 

9. GitLens — Git supercharged

 

Name: GitLens — Git supercharged
Id: eamodio.gitlens
Description: Supercharge Git within VS Code — Visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more
Version: 14.4.1
Publisher: GitKraken
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

GitLens — Git supercharged - Visual Studio Marketplace

 

10. Project Manager

 

Name: Project Manager
Id: alefragnani.project-manager
Description: Easily switch between projects
Version: 12.7.0
Publisher: Alessandro Fragnani
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager

Project Manager - Visual Studio Marketplace

 

11. Indentation Level Movement

 

Name: Indentation Level Movement
Id: kaiwood.indentation-level-movement
Description: Fast and efficient vertical movement.
Version: 1.2.1
Publisher: Kai Wood
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=kaiwood.indentation-level-movement

Indentation Level Movement - Visual Studio Marketplace

 

12. Bracket Select

 

Name: Bracket Select
Id: chunsen.bracket-select
Description: Quick select code between brackets, support for (),{} and [], <>
Version: 2.0.2
Publisher: Chunsen Wang
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=chunsen.bracket-select

Bracket Select - Visual Studio Marketplace

 

13. file-tree-generator

 

Name: file-tree-generator
Id: Shinotatwu-DS.file-tree-generator
Description: generate tree from directory and files
Version: 1.1.1
Publisher: Shinotatwu-DS
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=Shinotatwu-DS.file-tree-generator

file-tree-generator - Visual Studio Marketplace

 

14. Prettier - Code formatter

 

Name: Prettier - Code formatter
Id: esbenp.prettier-vscode
Description: Code formatter using prettier
Version: 10.1.0
Publisher: Prettier
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

Prettier - Code formatter - Visual Studio Marketplace

 

15. ESLint

 

Name: ESLint
Id: dbaeumer.vscode-eslint
Description: Integrates ESLint JavaScript into VS Code.
Version: 2.4.2
Publisher: Microsoft
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

ESLint - Visual Studio Marketplace

 

16. vscode-styled-components

 

Name: vscode-styled-components
Id: styled-components.vscode-styled-components
Description: Syntax highlighting for styled-components
Version: 1.7.8
Publisher: Styled Components
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components

vscode-styled-components - Visual Studio Marketplace

 

17. Tailwind CSS IntelliSense

 

Name: Tailwind CSS IntelliSense
Id: bradlc.vscode-tailwindcss
Description: Intelligent Tailwind CSS tooling for VS Code
Version: 0.10.3
Publisher: Tailwind Labs
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss

Tailwind CSS IntelliSense - Visual Studio Marketplace

 

18. ES7+ React/Redux/React-Native snippets

 

Name: ES7+ React/Redux/React-Native snippets
Id: dsznajder.es7-react-js-snippets
Description: Extensions for React, React-Native and Redux in JS/TS with ES7+ syntax. Customizable. Built-in integration with prettier.
Version: 4.4.3
Publisher: dsznajder
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets

ES7+ React/Redux/React-Native snippets - Visual Studio Marketplace

 

19. Jest

 

Name: Jest
Id: Orta.vscode-jest
Description: Use Facebook's Jest With Pleasure.
Version: 5.2.3
Publisher: Orta
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=Orta.vscode-jest

Jest - Visual Studio Marketplace

 

20. Jest Runner

 

Name: Jest Runner
Id: firsttris.vscode-jest-runner
Description: Simple way to run or debug a single (or multiple) tests from context-menu
Version: 0.4.69
Publisher: firsttris
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=firsttris.vscode-jest-runner

Jest Runner - Visual Studio Marketplace

 

21. Jest Snippets

 

Name: Jest Snippets
Id: andys8.jest-snippets
Description: Code snippets for testing framework Jest
Version: 1.9.1
Publisher: andys8
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=andys8.jest-snippets

Jest Snippets - Visual Studio Marketplace

 

22. Turbo Console Log

 

Name: Turbo Console Log
Id: ChakrounAnas.turbo-console-log
Description: Automating the process of writing meaningful log messages.
Version: 2.9.6
Publisher: ChakrounAnas
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log

Turbo Console Log - Visual Studio Marketplace