webstorm有哪些好用的插件

一、webstorm有哪些好用的插件

1、在WebStorm中，虽然其本身已经集成了大量前端开发所需的工具，但适时添加一些插件能显著提升开发效率和体验。以下是我使用过的一些好用插件，它们分别在特定场景下展现出独特的价值。

2、Markdown插件支持Markdown格式编写，提供代码和预览视图切换功能，方便快速编辑和查看Markdown文档。

3、AngularJS插件则为AngularJS开发者提供标签提示功能，提升编码效率并减少语法错误。

4、AceJump插件则致力于快速定位光标位置，极大减少使用鼠标操作的频率，提升开发效率。

二、Web前端开发的利器 —— Webstorm

1、Webstorm被认为是Web前端开发的利器，原因在于它能有效减少开发过程中的错误。作者曾因代码问题频繁出错，被软件测试人员批评，深感苦恼。一次与同行的交流中，他推荐了Webstorm，并现场演示了其强大的功能，如代码重构、代码检查、全局搜索等。这让作者决定使用Webstorm来提升自己的开发能力。

2、Webstorm的特点包括代码补全、格式化代码、行注释、块注释、全局搜索等。以下是一些常用快捷键：

3、代码补全：Ctrl+ Space（Windows）/ Control+ Space（macOS）

4、格式化代码：Ctrl+ Alt+ L（Windows）/ Command+ Alt+ l（Mac OS）

5、行注释：Ctrl+/（Windows）/ Command+/（macOS）

6、块注释：Ctrl+ Shift+/（Windows）/ Command+ Shift+/（macOS）

7、全局搜索（内容）：请自定定制快捷键，默认快捷键会与其他软件（输入法）发生冲突。

8、随处搜索（文件）：Shift（两次）（Windows）/ Shift（两次）（macOS）

9、跳转到某一行：Ctrl+ G（Windows）/ Command+ G（Mac OS）

10、移动到代码块开始：Ctrl+ Shift+ [（Windows）/ Command+ Shift+ [（Mac OS）

11、移动到代码块结束：Ctrl+ Shift+ ]（Windows）/ Command+ Shift+ ]（Mac OS）

12、复制当行：Ctrl+ D（Windows）/ Command+ D（macOS）

13、删除当行：Ctrl+ Y（Windows）/ Command+ Delete（macOS）

14、移动代码位置：Alt+ Shift+↑/↓（Windows）/ Option+ Shift+↑/↓（Mac OS）

15、反撤销（取消撤销）：Ctrl+ Shift+ Z（Windows）/ Command+ Shift+ Z（macOS）

16、如果Web项目使用包管理工具，没有安装过依赖的话，点击“package.json”，就会提示安装。

17、可以通过“最近的变更”来查看操作记录来恢复操作。

18、通过Webstorm来执行某些命令工具，比如打包压缩文件。

19、Webstorm还支持一些插件，如代码编辑插件、实用类、汉化包等。以下是一些推荐的插件：

20、增强Git，像VScode的GitLens的效果。

21、 git消息规范来自AngularJS社区，仅供参考。

22、使用Webstorm时，建议电脑配置一定高，内存至少8G以上，CPU Intel i5以上，否则会影响开发效率。如果前端项目规模大（二十个页面以上），需要长期代码重构，请使用Webstorm而不是VSCode。为了工作效率与稳定性，请优先考虑使用Ultimate（最终）版本，不建议使用Community Edition（社区）版本。支持正版软件。

三、WebStorm好用的插件(二)

本文介绍WebStorm中的一些强大插件，旨在提升开发者的工作效率与体验。请注意，以下插件在Jetbrains的其他IDE中同样适用。

Jetbrains提供的官方中文语言包，极大提升了界面的易用性。初期可能会遇到从英文到中文的适应问题，但长期使用后，体验会非常出色。官方持续优化汉化程度，让使用更加流畅。

2..env文件支持-推荐指数：*****

在使用Webpack进行打包时，该插件能辅助提示环境变量文件中的环境变量，简化了项目配置过程。

3.代码注释高亮样式-推荐指数：****

此插件提供丰富的代码注释样式，能够突出重要代码段，提高阅读和维护代码的效率。

Gist插件允许快速插入Gist代码片段，为开发者节省了时间，提高了开发效率。

5. Jenkins控制插件-推荐指数：***

适用于使用Jenkins的项目，允许直接通过插件控制Jenkins打包。即使在非运维或后端主导的环境中，前端开发者学习Jenkins也是有益的，尤其是项目数量较多时，自动化部署能节省大量时间。

相较于前端助手插件，此插件在解析Json文件方面有其局限性。然而，前端开发者在特定情况下可能需要在IDE中直接操作Json文件，此插件能提供便利。

7. Redis操作插件-推荐指数：****

直接操作Redis的插件，方便快捷。然而，由于需要付费，用户需权衡成本与使用效率。

8.代码风格检查工具- SonarLint-推荐指数：****

与Eslint类似，但支持更多老项目。新项目使用时，几乎不会遇到冲突。遵循代码质量检测工具编写代码，能显著提升代码质量，减少潜在的错误。

提供了方便的Docker镜像和容器操作界面，包括内部目录结构、数据卷挂载位置等信息。对于前端开发者而言，使用频率相对较低，但对后端和运维开发者可能较为有用。

AI辅助编写代码插件正在快速发展，旨在提升编码效率。

1. Codota AI Autocomplete-推荐指数：****

为Java和JavaScript提供AI辅助补全，能显著提高编码效率，但仅支持特定语言且受网络环境影响。

2. Tabnine AI Autocomplete-推荐指数：***

提供广泛语言支持，且较少受到网络环境限制，适用于多种编程语言。

3. Kite AI Code AutoComplete-推荐指数：***

当前使用中，提供快速AI辅助补全，但过多提示可能与IDE自带提示冲突，且需要额外AI引擎支持，占用资源。

WebStorm插件丰富多样，本文介绍的插件仅是冰山一角。高级与初级开发者之间的差距往往体现在对工具和资源的熟练运用上，而非单纯的技术能力。