WebStorm ​
WebStorm is a professional JavaScript/TypeScript integrated development environment developed by JetBrains, focusing on modern frontend development. On October 24, 2024, during the official Programmer's Day, JetBrains officially announced: WebStorm Personal Edition is now completely free for non-commercial use.
Compared to VS Code, it uses more memory
Recommended WebStorm Plugins ​
- .env files:
.envfile syntax highlighting - .ignore:
.ignorefile syntax highlighting - Lingma - Alibaba Cloud AI Coding Assistant: AI code suggestions
- CodeGlance Pro: Code minimap
- Translation: Translation plugin
Visual Studio Code ​
VS Code is a free, open-source, cross-platform modern code editor developed by Microsoft. With its lightweight, efficient, rich plugins, and high customizability, it has become one of the most popular developer tools worldwide.
For complex project debugging, may not be as good as WebStorm
Recommended VS Code Plugins ​
- Chinese (Simplified): Simplified Chinese
- Lingma - Alibaba Cloud AI Coding Assistant: AI code suggestions
- Vue - Official: Official Vue support
- Iconify IntelliSense: Icon visualization in editor
- ESLint: ESLint support
- Prettier - Code formatter: Code formatting
- EditorConfig for VS Code:
.editorconfigsupport - UnoCSS: UnoCSS support
- To Unocss: Hover to show UnoCSS styles
- Error Lens: Error highlighting
- Parameter Hints: Function parameter hints
- Auto Close Tag: Auto close tags
- Auto Rename Tag: Auto rename tags
- colorize: Color visualization
- DotENV:
.envfile syntax highlighting - Git Graph: Git branch visualization
- Git History: View file Git history
- GitLens: Conveniently view git commit info in editor
- i18n Ally: i18n translation plugin
- Image preview: Quick image asset preview
nuyoah