Vscode - Today I Learned

.vscode

Tạo một file có tên typescript-react.code-snippets trong thư mục .vscode để thêm snippet cho CLSX package


// add clsx snippet
{
  "Element with clsx": {
    "prefix": "cl",
    "body": ["<${1:div} className={clsx('$2')}>$0</${1:div}>"]
  }
}

Plugins	Description
Material Theme Icons	Material Design Icons for Visual Studio Code
vscode-icons	another icons theme for VS Code
Prettier	Code formatter using prettier
Bracket Pair Colorizer	colorizing matching brackets, customizable. Really useful for code readbility
Indent-Rainbow	Makes indentation easier to read
Markdown Preview	Markdown Preview Enhanced ported to vscode
EmojiSense	Adds suggestions and autocomplete for emoji
ES7 React Snippets	Simple extensions for React, Redux and Graphql in JS/TS with ES7 syntax
Ionic Snippets	Ionic snippets for VS Code
Svelte	Svelte language support for VS Code
SnipSnap	Code snippets for React, Gatsby, Next.js, Redux and more
TailwindCSS Intellisense	Intelligent Tailwind CSS tooling for VS Code
Code Time	Provides programming metrics right in Visual Studio Code.
Git Graph	View a Git Graph of your repository, and perform Git actions from the graph.
VSCode Conventional Commits	Conventional Commits for VSCode.
MDX	Provides syntax highlighting and bracket matching for MDX (JSX in Markdown) files.
Auto Rename Tag	Auto rename paired HTML/XML tag

Plugins	Description
Dracula Theme	Theme yêu thích của tôi.

Plugins	Description
Headwind	Sắp xếp lại thứ tự nhất quán của các `class`
Tailwind CSS IntelliSense	Trải nghiệm Tailwind ở môi trường phát triển với các tính năng nâng cao như AutoComplete, syntax highlighting và Lining.