vscode配置
自动补全，语法检查
| 语言 | 插件 |
|---|---|
| rust | rust-analyzer |
| tailwind | Tailwind CSS IntelliSense |
| markdown | markdownlint |
| toml | Even Better TOML |
格式化
格式化插件
| 插件 | 格式化言语 |
|---|---|
| prettier | js,md,css,html,yaml |
| Black Formatter | python |
| shell-format | shell |
保存自动格式化
settings.json增加以下代码
"editor.formatOnSave": true // 保存时自动规范代码其他
| 名称 | 作用 |
|---|---|
| Atom Material Icons | 美化图标 |
| Atom One Dark Theme | 美化主题 |
| Live Preview | 提供在线预览web项目 |
| Markdown Preview Github Styling | 提供markdown代码块样式 |
| Chinese (Simplified) | 简体中文语言包 |
非html文件中启用tailwind高亮提示
安装高亮插件
启动高亮配置
以rust为例
修改setting.json文件
// 配置识别的正则表达式
"tailwindCSS.experimental.classRegex": [
"class:\\s?\"(.*?)\"",
"class:\\s?format!\\((\"(.*?)\")\\)"
],
// 配置识别的语言
"tailwindCSS.includeLanguages": {
"rust": "html"
},