项目开发提高效率插件拓展包
当前项目内的拓展不会与各个框架产生互斥问题,可全局启用。
为前端项目开发设计,集成了开发所需的各种实用工具扩展。
此扩展包包含以下 VS Code 扩展
- pucelle.vscode-css-navigation - CSS 快速跳转
- christian-kohler.path-intellisense - 路径智能提示
- mikestead.dotenv - .env 文件支持
- mrmlnc.vscode-json5 - JSON5 支持
- redhat.vscode-yaml - YAML 支持
- OBKoro1.korofileheader - 文件头部注释
- mechatroner.rainbow-csv - CSV 可视化效果
- donjayamanne.githistory - 可视化展示 git 日志、文件历史记录和分支比较
- shenjiaolong.vue-helper - Vue 开发助手
- ChakrounAnas.turbo-console-log - 快速插入 console 调试日志
- netcorext.uuid-generator - 用于生成 UUID(通用唯一标识符)
以下拓展根据项目技术栈自行安装
- Vue.volar - Vue2 / Vue 3 的官方语言支持
- uni-helper.uni-helper-vscode - UniApp 开发辅助工具
其他拓展推荐
- k--kato.intellij-idea-keybindings - 在 VS Code 中使用 IntelliJ IDEA 的键盘快捷键
- bradlc.vscode-tailwindcss - Tailwind CSS 增强支持
- antfu.unocss - Unocss 增强支持
- think2011.vue-i18n - 为 Vue.js 项目的国际化(i18n)开发提供帮助
- vabjs.element-plus-helper - 提高使用 Element Plus UI 框架进行 Vue 开发的效率和便捷性
- sdras.vue-vscode-snippets - 快速创建 Vue 组件、模板
功能特点
- 开发效率提升:集成多种实用工具,减少重复操作,提高开发速度
- 智能路径补全:提供路径智能提示,避免手动输入路径错误
- 文件格式支持:支持多种配置文件格式(如 .env、JSON5、YAML),简化配置文件编辑
- 代码导航增强:CSS 快速跳转、文件历史记录查看等功能方便代码导航
- 文件注释规范:通过 korofileheader 保持统一的文件头部注释,提高代码可读性
- 版本控制可视化:Git 历史记录可视化,方便团队协作与代码追踪
- Vue 开发增强:专为 Vue 开发者提供额外的工具支持
| |