webstorm使用教程

 时间:2026-02-15 17:22:18

1、Version Control - 版本控制

如果项目已经有了版本控制相关的文件夹,比如 .git。在 project 或者 编辑器右键可以看到对应的菜单。如果有这些文件夹,但是没有出现版本控制的相关功能,可以到 Preferences 那里设置。 Preferences > Version Control。

webstorm使用教程

2、Node.js 支持

webstorm 支持 Node.js 调试。具体设置看:使用 webstom 调试 node js 程序

3、多光标

option + click 在点击处生成光标, esc 取消

control + g 如果之前没有选择内容,则在相同的单词处生成光标,如果之前选择了内容,则在相同内容处生成光标,操作一次匹配一次。

webstorm使用教程

4、显示行号、自动换行

WebStorm默认是不显示行号的,没关系,显示行号非常的容易。

webstorm使用教程

5、导入导出设置

File > Export Settings导出用户设置。如下图,你可以选择要导出哪些类型的设置,也可以选择导出到哪个目录下。

webstorm使用教程

6、常用快捷键

1. ctrl + shift + n: 打开工程中的文件,目的是打开当前工程下任意目录的文件。

2. ctrl + j: 输出模板

3. ctrl + b: 跳到变量申明处

4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)

5. ctrl + []: 匹配 {}[]

6. ctrl + F12: 可以显示当前文件的结构

7. ctrl + x: 剪切(删除)行,不选中,直接剪切整个行,如果选中部分内容则剪切选中的内容

8. alt + left/right:标签切换

9. ctrl + r: 替换

10. ctrl + shift + up: 行移动

11. shift + alt + up: 块移动(if(){},while(){}语句块的移动)

12. ctrl + d: 行复制

13. ctrl + shift + ]/[: 选中块代码

14. ctrl + / : 单行注释

15. ctrl + shift + / : 块注释

16. ctrl + shift + i : 显示当前CSS选择器或者JS函数的详细信息

17. ctrl + '-/+': 可以折叠项目中的任何代码块,它不是选中折叠,而是自动识别折叠。

18. ctrl + '.': 折叠选中的代码的代码。

19. shift + esc: 当前激活的任意小窗口最小化,也可以是alt+数字键,数字在小窗口有显示。

20. alt + '7': 显示当前的函数结构。

  • wampserver在线但打不开localhost 解决方法
  • DHCP服务器如何新建作用域或地址池?
  • 如何创建html网页
  • jquery如何让按钮点击后消失
  • 如何使文本文件变成html网页文件?
  • 热门搜索
    委托书的格式怎么写 公共自行车怎么收费 干无花果怎么吃 路由器接路由器怎么设置 手机卡丢了怎么办 痣怎么去除 黑死病怎么消失的 空调遥控器怎么解锁 桑葚酒怎么做 ios14怎么分屏