电话:+028-87536358手机:+15902898093传真:+028-87536358
您现在的位置:首页Home > 相关资讯 > 操作手册
webStorm操作手册
发布时间:2019-11-23 22:37:38
  

 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、关闭多栏显示的页签即可恢复到单栏布局状态