VSCode Extensions
Auto Close Tag (opens in a new tab)
Automatic closing tag when writing html tag.
Auto Rename Tag (opens in a new tab)
When editing the html tag, the opposite tag is also modified.
Color Highlight (opens in a new tab)
Text in hex or rgba is automatically colored and highlighted.
DotENV (opens in a new tab)
.env file support
Git History (opens in a new tab)
Literally makes git history easy to see in vscode.
GitLens (opens in a new tab)
Provides detailed information about git history for each file, each piece of code.
Guides (opens in a new tab)
HTML Snippets (opens in a new tab)
Provide html code template
Jest Runner (opens in a new tab)
An extension that allows you to run jest without npm script. It can be done in file units or task units.
Korean Language Pack (opens in a new tab)
vscode Korean pack
Markdown Preview Enhanced (opens in a new tab)
Enable markdown preview window to open in vscode
MDX (opens in a new tab)
Path Intellisense (opens in a new tab)
Prettier - Code Formatter (opens in a new tab)
Quokka.js (opens in a new tab)
js, ts playground can be opened in vscode. It's more useful than it looks, so I highly recommend it
Relative Path (opens in a new tab)
Remove Comments (opens in a new tab)
Allows you to delete all comments in a file at once.
Settings Sync (opens in a new tab)
SVG Viewer (opens in a new tab)
Allows you to view svg files as images rather than code.
Tailwind CSS Intellisense (opens in a new tab)
Task Explorer (opens in a new tab)
Text Tables (opens in a new tab)
View In Browser (opens in a new tab)
html file open in the browser.
vscode-icons (opens in a new tab)
It makes it easier to distinguish files and folders in vscode by giving them different icons by name.
PostCSS Language Support (opens in a new tab)
Language support for postcss used by TailwindCSS.