WebStorm

WebStorm 是由 JetBrains 公司开发的一款专业的 JavaScript/TypeScript 集成开发环境，专注于现代前端开发。 2024年10月24日 正值程序员节之际，JetBrains 正式宣布：针对非商业用途 WebStorm 个人版现已全面免费开放使用

下载 WebStorm相比 VS Code，内存占用较高

WebStorm 插件推荐

• .env files：.env 文件支持高亮
• .ignore：.ignore 文件支持高亮
• Lingma - Alibaba Cloud AI Coding Assistant：代码智能提示
• CodeGlance Pro：代码小地图
• Translation：翻译插件

Visual Studio Code

VS Code 是由 Microsoft 开发的一款 免费、开源、跨平台 的现代化代码编辑器，凭借其 轻量高效、插件丰富、高度可定制 的特点，已成为全球最受欢迎的开发者工具之一。

下载 VS Code复杂项目调试，可能不如 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：快捷查看导入的图片素材