webstorm 使用技巧

2024年2月8日发(作者：)

webstorm 使用技巧

WebStorm 是一个功能强大的集成开发环境，适用于 JavaScript、TypeScript、HTML、CSS 等的开发。下面是一些 WebStorm 的使用技巧:

1. 添加框架智能提示/自动补全:在Setting-Editor-LiveTemplates检查IDE是否自带该框架的提示模版。例如,对于Angular,可以在Angular的模板中找到所有的指令提示。

2. 快捷键:WebStorm 提供了大量的快捷键，可以快速高效地完成各种操作。例如，按下 Ctrl+Shift+P 可以打开“运行”窗口，按下 Ctrl+Shift+N 可以打开“新项目”窗口。

3. 代码重构:WebStorm 支持各种代码重构操作，例如删除、复制、移动、重命名等。可以通过菜单或快捷键进行这些操作，例如按下 Ctrl+D 可以复制当前行，按下 Ctrl+M 可以移动当前行。

4. 代码检查:WebStorm 提供了一系列代码检查工具，可以自动发现代码中的问题并给出建议。例如，按下 Ctrl+Shift+F 可以打开“查找”窗口，输入“bug”可以查找代码中的问题。

5. 插件扩展:WebStorm 支持各种插件扩展，可以极大地提高开发效率。可以通过 JetBrains 官网或 WebStorm 应用商店下载这些插件。例如，安装“Codemagic”插件可以让 WebStorm 自动补全代码。

6. 调试程序:WebStorm 支持各种调试工具，可以方便地调试 JavaScript

程序。例如，按下 Ctrl+Shift+B 可以启动调试器，按下 F5 可以运行程序。

7. 视图切换:WebStorm 支持各种视图切换工具，可以方便地在不同的视图之间切换。例如，按下 Ctrl+Tab 可以在不同的编辑器之间切换，按下

Ctrl+Shift+T 可以在不同的文件之间切换。

这些是 WebStorm 的一些基本使用技巧，希望能对您有所帮助。如果您有更好的使用技巧，欢迎分享。