.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 (opens in a new tab) | Material Design Icons for Visual Studio Code |
| vscode-icons (opens in a new tab) | another icons theme for VS Code |
| Prettier (opens in a new tab) | Code formatter using prettier |
| Bracket Pair Colorizer (opens in a new tab) | colorizing matching brackets, customizable. Really useful for code readbility |
| Indent-Rainbow (opens in a new tab) | Makes indentation easier to read |
| Markdown Preview (opens in a new tab) | Markdown Preview Enhanced ported to vscode |
| EmojiSense (opens in a new tab) | Adds suggestions and autocomplete for emoji |
| ES7 React Snippets (opens in a new tab) | Simple extensions for React, Redux and Graphql in JS/TS with ES7 syntax |
| Ionic Snippets (opens in a new tab) | Ionic snippets for VS Code |
| Svelte (opens in a new tab) | Svelte language support for VS Code |
| SnipSnap (opens in a new tab) | Code snippets for React, Gatsby, Next.js, Redux and more |
| TailwindCSS Intellisense (opens in a new tab) | Intelligent Tailwind CSS tooling for VS Code |
| Code Time (opens in a new tab) | Provides programming metrics right in Visual Studio Code. |
| Git Graph (opens in a new tab) | View a Git Graph of your repository, and perform Git actions from the graph. |
| VSCode Conventional Commits (opens in a new tab) | Conventional Commits for VSCode. |
| MDX (opens in a new tab) | Provides syntax highlighting and bracket matching for MDX (JSX in Markdown) files. |
| Auto Rename Tag (opens in a new tab) | Auto rename paired HTML/XML tag |
Theme
| Plugins | Description |
|---|---|
| Dracula Theme (opens in a new tab) | Theme yêu thích của tôi. |
Tailwind
| Plugins | Description |
|---|---|
| Headwind (opens in a new tab) | Sắp xếp lại thứ tự nhất quán của các class |
| Tailwind CSS IntelliSense (opens in a new tab) | 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. |