VSCode插件
主题美化
- One Dark Pro - 经典的深色主题,提供舒适的编码环境
- Material Icon Theme - 美化文件图标,让项目结构一目了然
代码效率
- Auto Close Tag - 自动闭合HTML/XML标签,提高编码速度
- Auto Rename Tag - 自动重命名配对的HTML/XML标签,减少错误
- Code Spell Checker - 代码拼写检查,避免拼写错误
- GitLens - Git源代码管理增强,方便查看代码历史
- ESLint - JavaScript代码检查,保持代码质量
- Prettier - Code formatter - 代码格式化,统一代码风格
- Path Intellisense - 路径智能提示,加快文件引用
Vue开发
- Vue Language Features (Volar) - Vue 3官方推荐插件,提供全面的Vue支持
- Vue VSCode Snippets - Vue代码片段,快速生成Vue模板代码
CSS增强
- CSS Peek - 快速查看CSS定义,方便样式调试
- Tailwind CSS IntelliSense - Tailwind CSS智能提示,加速开发
实用工具
- Live Server - 本地开发服务器,实时预览页面
- Remote - SSH - 远程开发,连接远程服务器
- Code Runner - 快速运行代码片段,方便测试
- Todo Tree - TODO注释管理,追踪待办事项
- Markdown All in One - Markdown编辑增强,提供全面的Markdown支持
版本控制
- Git History - Git历史查看,方便回溯代码变更
其他
- Chinese (Simplified) Language Pack for Visual Studio Code - 中文语言包,本地化界面
- DotENV - .env文件语法高亮,方便环境变量管理
- EditorConfig for VS Code - 统一不同编辑器的代码风格
- Error Lens - 直接在编辑器中显示错误信息,提高调试效率
- JavaScript (ES6) code snippets - ES6代码片段,快速编写现代JavaScript
- Live Preview - 实时预览HTML文件,加速前端开发
- npm Intellisense - npm模块智能提示,加快模块引入
- Paste JSON as Code - 将JSON数据转换为代码,提高数据处理效率
- Vetur - Vue 2的工具插件,提供语法高亮等功能
这些插件涵盖了开发中的各个方面,从代码编写到调试再到版本控制,大大提高了开发效率。建议根据个人需求和项目特点选择安装使用。