vscode配置

自动补全,语法检查

语言插件
rustrust-analyzer
tailwindTailwind CSS IntelliSense
markdownmarkdownlint
tomlEven Better TOML

格式化

格式化插件

插件格式化言语
prettierjs,md,css,html,yaml
Black Formatterpython
shell-formatshell

保存自动格式化

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"
},