Appearance
常用插件
下面介绍常用vscode插件
- Markdown Preview Enhanced Markdown 预览
- WakaTime 记录工作数据报表,需要到官方网站注册并获取 key
- VueDX 用于 vue 类型检查、重命名和重构
- Code Runner 支持多种语言的代码的立即执行
- Code Spell Checker 用于检测代码语法
- VS Color Picker 选择颜色
- vscode-fileheader 设置文件头
- auto-close-tag 自动结束 HTML 标签
- auto-rename-tag 自动更改 HTML 标签名
- easy-less 编译 LESS
- faker 随机生成图片等信息
- carbon-now-sh 生成漂亮的代码截图
- Highlight Matching 高亮匹配标签
- Settings Sync 在不同电脑间同步配置
- Code Runner 编辑器中运行代码
- Live Server 浏览器自动刷新
- 将代码生成漂亮的图片
- Prettier 代码格式化
- vscode-intellij-recent-files 快速在最近编辑文件切换
- Bracket Pair Colorizer 2 彩色大扩号与代码块匹配
- EditorConfig 格式化配置 Laravel 开发必装
- IntelliSense for CSS class names 自动提示类名
- filesize 查看源文件与压缩后大小信息
- Document This js 代码注释块
- Import Cost 显示导入包的大小
- Live Server html 同步预览
- 在不离开编辑器的情况下预览/调试您的 vite 应用程序
- Dyno File Utils 快速创建文件
- Bootstrap 4, Font awesome 4, Font Awesome 5 Free & Pro snippets
- Live Sass Compiler 实时将scss文件编译成css
- Lorem ipsum 生成随机段落测试文本
- Apc Customize UI++ 高级 VSCode 用户界面自定义
React
- ES7+ React/Redux/React-Native snippets React 语法与代码片段
- ant-design-snippets ant design ui 代码片段
Vue
- Vue Language Features (Volar) Vue 语言支持扩展
- TypeScript Vue Plugin (Volar) vue typescript 支持
- Element Plus element ui 支持
AI
- CodeGeeX: AI Code AutoComplete CodeGeeX AI 支持
- Tabnine: AI tabnine AI 代码自动补全
- GitHub Copilot 微软 Copilot Ai