Web前端开发神器WebStorm教程：42个WebStorm技巧和窍门

本文将为您介绍42个WebStorm技巧和窍门。

WebStorm是一款深受广大程序员喜爱的JavaScript 开发和Web前端开发工具，完美适应各种复杂客户端开发和Node.js的服务器端开发。WebStorm 2020.1是2020年第一次重大的改进，带有更优美的外观，对Vuex和Vue Composition API的支持，用于在保存时运行Prettier的选项以及对JavaScript和TypeScript的一些改进。WebStorm现已加入在线订购，点击此处查看价格详情>>

WebStorm最新版

在此网络研讨会中，WebStorm和PyCharm的开发人员倡导者Paul Everitt展示了如何更快地浏览项目并共享了许多有效编码的技巧。

查看视频

以下是问答环节中一些问题的答案：

问：如果我使用PyCharm Professional，所有这些技巧都适用吗/span>

答：是的，WebStorm的所有功能在PyCharm Professional，IntelliJ IDEA Ultimate和其他基于IntelliJ的IDE中的工作方式都相同。要获得某些功能（例如Vue支持），您可能需要安装插件，但在WebStorm和其他IDE中的工作方式仍然没有区别。

问：您认为WebStorm可以最好地管理和改进哪些编码领域/strong>

答：导航并让IDE进行繁琐的工作，使您可以自由地思考问题。

问：“撤消提交”和“还原提交”有什么区别/strong>

答：还原会在Git历史记录中留下痕迹。

问：当使用装订线中的图标运行特定测试时，IDE专门为此测试创建运行配置。在几次测试中执行此操作后，运行配置的列表将越来越长。是否可以自动清理/strong>

答：这些称为临时运行/调试配置。它们的默认限制设置为5。如果感觉太大，可以更改默认限制。

最后，这是Paul使用的快捷方式的概述。如果您在其他JetBrains IDE中使用WebStorm功能（例如PyCharm Professional），这些快捷方式也将适用于此功能。

常规（macOS / Windows和Linux，默认键盘映射的快捷方式） 

• 新弹出窗口– Cmd + N / Alt + Insert
• 快速文档– F1 / Ctrl + Q
• 参数信息– Cmd + P / Ctrl + P
• 临时文件– Cmd + Shift + N / Ctrl + Shift + Alt + Insert

导航

• 查找操作– Cmd + Shift + A / Ctrl + Shift + A
• 最近文件– Cmd + E / Ctrl + E
• 最近位置– Cmd + Shift + E / Ctrl + Shift + E
• 转到符号– Alt + Cmd + O / Ctrl + Alt + Shift + N
• 转到声明– Cmd + B / Ctrl + B
• 来回导航– Cmd + [和Cmd +] / Ctrl + Alt +向左和Ctrl + Alt +向右
• 激活导航栏–  Cmd +向上/ Alt + Home
• 查找在路径中-Cmd + Shift + F / Ctrl + Shift + F

代码编辑

• 开始新行–  Shift + Enter
• 在当前之前开始新行–  Alt + Cmd + Enter / Alt + Ctrl + Enter
• 扩展选择– Alt +上/ Ctrl + W
• 缩小选择– Alt +下/ Ctrl + Shift + W
• 移动行或选择上/下– Alt + Shift +上或Alt + Shift +下
• 格式化代码– Alt + Cmd + L / Alt + Ctrl + L
• 优化导入– Cmd + Alt + O / Ctrl + Alt + O
• 显示上下文操作– Alt + Enter
• 环绕-Cmd + Alt + T / Ctrl + Alt + T

重构

• 重构此内容– Ctrl + T / Shift + Ctrl + Alt + T
• 引入变量– Alt + Cmd + V / Ctrl + Alt + V
• 重命名– Shift + F6
• 运行，调试和测试
• 运行/调试– Ctrl + Alt + R / Alt + Shift + F10
• 任何操作– Ctrl + Ctrl
• 切换行断点– Cmd + F8 / Ctrl + F8
• 评估表达式– Alt + F8

我们希望您喜欢网络研讨会并学到新知识！如果您有其他想学的知识，请在下面的评论中分享。

=====================================================

想要购买WebStorm正版授权的朋友可以咨询官方客服。

扫描关注下方微信公众号，及时获取产品最新消息和最新资讯

来源：慧都