WebStorm
WebStorm 是由 JetBrains 公司开发的一款专业的 JavaScript/TypeScript 集成开发环境，专注于现代前端开发。 2024年10月24日 正值程序员节之际，JetBrains 正式宣布：针对非商业用途 WebStorm 个人版现已全面免费开放使用
相比 VS Code，内存占用较高
WebStorm 插件推荐
- .env files：
.env文件支持高亮 - .ignore：
.ignore文件支持高亮 - Lingma - Alibaba Cloud AI Coding Assistant：代码智能提示
- CodeGlance Pro：代码小地图
- Translation：翻译插件
Visual Studio Code
VS Code 是由 Microsoft 开发的一款 免费、开源、跨平台 的现代化代码编辑器，凭借其 轻量高效、插件丰富、高度可定制 的特点，已成为全球最受欢迎的开发者工具之一。
复杂项目调试，可能不如 WebStorm
VS Code 插件推荐
- Chinese (Simplified)：中文简体
- Lingma - Alibaba Cloud AI Coding Assistant：代码智能提示
- Vue - Official：Vue 官方支持插件
- Iconify IntelliSense：编辑器可视化图标
- ESLint：ESlint 支持插件
- Prettier - Code formatter：代码美化插件
- EditorConfig for VS Code：使用
.editorconfig支持编辑器格式配置 - UnoCSS：UnoCSS 支持插件
- To Unocss：鼠标移入你写的样式提示出 UnoCSS 样式
- Error Lens：错误提示
- Parameter Hints：函数参数提示
- Auto Close Tag：自动闭合标签
- Auto Rename Tag：自动重命名标签
- colorize：可视化颜色
- DotENV：
.env文件支持高亮 - Git Graph：Git 分支查看
- Git History：查看文件 Git 历史
- GitLens：编辑器中快捷查看 git 提交信息
- i18n Ally：i18n 翻译便利插件
- Image preview：快捷查看导入的图片素材
nuyoah