webstorm使用说明

webstrom操作说明

1、复制当前行：ctrl+alt+↓，推荐ctrl+d(如果不能用证明webstorm没有装好，需卸载重新安装)；

2、打开编辑器设置窗口setting:ctrl+alt+s;

3、当初次打开的项目文档中汉字全是这样的匚小方块时，表示webstorm目前对汉字不识别，解决办法是：

按ctrl+alt+s打开setting设置窗→选择Appearance→选中右边面板的：Override default fonts by (not recommended):其中设置 Name:为微软雅黑(推荐) Size:12 即可；

4、要想webstorm编辑器中有angularjs和bootstrap的文档提示功能，必须先引入这两个库的相关文件才会出现相应的提示，如：引入bootstrap.min.css才有bootstrap样式类的提示；

5、webstorm会自动保存，无需人工手动保存；

6、webstorm右边栏可以选择浏览器自行访问当前页面，看效果，且访问方式是服务器端；

7、文件File→Reopen project→可选择要打开的项目文件(在新窗口中打开)（其实直接file→open也一样）；

8、ctrl+alt+F12可以打开选中文件或目录所在的物理盘符路径；

9、缩进：往前进一格是空格键,往后退一格shift+tab；

10、ctrl+shift+alt+N通过一个字符快速查找位置(必记)

　　 ctrl+F在文件内快速查找代码

　　 F3查找下一个

　　 shift+F3查找上一个

11、代码段上移alt+↑，代码段下移alt+↓;

12、右击左边的树目录文件列表可以新建各种文件，如：html文件和js文件等；

13、重命名文件：alt+shift+r或右击文件：点refactor->rename；

14、写css3样式代码时，它会提示输入兼容各种浏览器的样式代码段，按回车输入，并且可以群组同时编辑，非常方便；

15、ctrl+alt+enter可以在当前行前面输入一个空行；

16、ctrl+L可以弹出go to Line弹窗，输入行号即可跳转到指定行；

17、ctrl+tab键可以在当前打开的两个文件页签之间切换，非常便捷；

18、edit→Duplicate Line就是复制当前行(快捷键：ctrl+alt+↓或ctrl+D)；

19、edit→indent Line就是缩进当前行或缩进所选择的代码段（快捷键：tab）；

20、edit→unindent Line就是向前退格当前行或退格所选择的代码段(快捷键：shift+tab)；

21、ctrl + b: 跳到变量申明处——跳转到函数定义的地方也是这个快捷键，需要在变量名或函数名上，点ctrl + b就会自动跳转到函数声明处；

22、webstorm非常吃内存，所以当webstorm变的卡顿时，网上的解决方案是：

具体办法：

找到WebStorm.exe.vmoptions这个文件，路径如下

webstorm安装主目录>bin>WebStorm.exe.vmoptions

更改为

第二行：-Xms526m

第三行：-Xmx1024m

23、ctrl+tab键切换页签

24、直接file——open一个文件夹，就可以打开该文件夹项目

25、非常重要的一个功能：查找

□、ctrl+f是简单查找，上面会弹出一个搜索栏，搜索输入的字符串匹配

□、(当前文档)全文查找：搜索栏中有一个箭头向上的Find All(Alt+f7)按钮，后下面的状态栏会出现所有找到的匹配，在单个匹配上点F4就可跳转到文档源码的匹配上进行操作。

26、shift+f6重命名文件或右击选中的文件——选Refactor——Rename也可重命名文件

27、被引用的文件，按住ctrl键可以看到该引用文件的物理路径所在

http://www.cnblogs.com/Joans/p/3860068.html配置、快捷键

28、ctrl + r: 替换

29、alt + left->/right<-:标签切换

30、ctrl + shift + i : 显示当前光标所在位置的CSS选择器(类名、id等)或者JS函数(或整个引用的js文件等)的详细信息

31、alt + '7': 显示当前的函数或html文档的结构。

32、ctrl + shift + ]/[: 选中块代码

33、ctrl + shift + / : 块注释

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

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

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

37、ctrl + F12: 可以显示当前文件的结构

38、ctrl + shift + n: 打开工程中的文件，目的是打开当前工程下任意目录的文件。

39、ctrl + b: 跳到变量申明处

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

41、ctrl + []: 匹配 {}[]

高级查找、替换

42、F3 查找下一个

43、shift+F3 查找上一个

44、ctrl+R 文件内代码替换

45、ctrl+shift+R 指定目录内代码批量替换

46、ctrl+shift+F 指定目录内代码批量查找

47、ctrl+shift+alt+N 通过一个字符快速查找位置（必记），查找后双击即可跳转到该位置处

48、ctrl+shift+N 通过文件名快速查找工程内的文件（必记）

界面操作：

49、ctrl+shift+A 快速查找并使用编辑器所有功能（必记）

50、ctrl+F4 关闭当前代码选项卡

51、ctrl+shift+F12 最大区域显示代码（会隐藏其他的功能界面模块）

52、ctrl+alt+s 打开配置窗口

代码编辑：

53、alt+Insert 新建一个文件或其他

54、ctrl+alt+L 格式化代码

55、shift+tab/tab 减少/扩大缩进（可以在代码中减少行缩进）

56、ctrl+Y 删除一行

57、shift+enter 重新开始一行（无论光标在哪个位置）

58、ctrl+G 到指定行的代码

59、ctrl+]/[ 光标到代码块的前面或后面

60、alt+up/down 上一个/下一个方法

61、ctrl+p 向远程版本库推送更新

62、ctrl+C 提交代码

63、Ctrl + Shift + Enter：

多屏显示：

64、window-->Editor Tabs-->spilt vertically(左右两屏)或者spilt horizontally(上下两屏)就可以显示成双栏代码界面

65、在双栏的基础上还可再分成3栏，甚至多栏，然后用window-->Editor Tabs-->change spiltter Orientation来自动自适应(自动调节)界面多栏布局到最佳

66、关闭多栏显示的页签即可恢复到单栏布局状态

webstorm使用说明

相关推荐