.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}>"]
}
}VSCode Extensions
| 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 |
Theme
| Plugins | Description |
|---|---|
| Dracula Theme | Theme yêu thích của tôi. |
Tailwind
| 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. |