1、Command+F8添加断点

2、Command+X剪切

3、选中文字的搜索

4、Control+Shift+J清除缩进变成单行

5、F3添加书签

6、Control+Tab选项卡和工具窗口之间进行切换

7、Command+加号,Command+减号收缩代码块

8、VCS/本地历史记录

9、Command+回车换行光标还在原先位置

10、这些是Webstorm的基本功能，使用Webstorm可以大大简化JavaScript开发。

11、Command+shift+[,Command+shift+]文件选项卡快速切换

12、Command+V粘贴

13、Control+shift+J把下面行的缩进收上来

14、Command+O跳转到某个类

15、F2,shift+F2切换到上\下一个突出错误的位置

16、搜索和替换

17、alt+↑向上选取代码块

18、Command+↑跳转到导航栏

19、tab,shift+tab调整缩进

20、创建类或修改现有类：在类上点右键，选择“新建类”或“修改现有类”。

21、alt+~快速切换当前计划

22、Control+alt+R运行项目

23、F6移动文件到某个目录

24、Command+delete删除当前行

25、接下来，你可以使用WebStorm的各种功能来编写代码、测试代码、构建应用程序等等。

26、Command+Control+R运行Debug

27、Control+J获取变量相关信息（类型、注释等，注释是拿上一行的注释）

28、Command+alt+L格式化代码

29、alert+回车显示npm版本升级列表

30、Command+F7向声明的地方搜索并选中

31、双击shift弹出小浮窗搜索所有

32、Webstorm是一个免费的JavaScript开发工具，可以用于编写JavaScript代码、调试、构建和测试应用程序。下面是使用Webstorm的步骤：

33、导入类：选择“导入”按钮，浏览到需要导入的类，选择“导入”按钮。

34、alt+F3添加带助记的书签

35、代码就是程序员用开发工具所支持的语言写出来的源文件，是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。代码的原则包括唯一确定性、标准化和

36、使用WebStorm非常简单。

37、调试代码：Webstorm支持单步执行和断点调试，可以在“性能”选项卡上设置断点，然后逐步执行代码，检查变量值和输出。

38、Command+shift+F8打开断点列表

39、shift+F6重命名

40、Command+C复制

41、Command+shift+O跳转到某个文件

42、alt+1,alt+2…切换到相应助记的书签位置

43、web前端开发除了PS、DW之外，还有一些常用的前端开发工具，以下仅列出前端工程师常用的两款：

44、计算机源代码最终目的是将人类可读文本翻译成为计算机可执行的二进制指令，这种过程叫编译，它由通过编译器完成。

45、安装Webstorm:在Webstorm上相应版本的Webstorm,安装程序会提示选择安装语言和版本。安装完成后，会首次启动Webstorm,需要在“用户”文件夹下创建一个名为“zh-CN”的文件，点击“新建”按钮在弹出窗口中选择语言和地区，然后选择相应的程序设置。

46、alt+shift+I打开项目描述

47、Command+shift+R按路径替换

48、Command+shift+V从剪贴板里选择粘贴

49、对项目文件的操作（重构）

50、Command+G查找下一个

51、alt+单击光标在多处定位

52、Command+F搜索

53、alt+shift+F把文件添加到收藏夹

54、构建应用程序：在“构建”选项卡上设置构建选项，选择构建的类型，可以自动构建或手动构建。

55、首先，你需要安装WebStorm，并打开程序。

56、源代码是代码的分支，某种意义上来说，源代码相当于代码。现代程序语言中，源代码可以书籍或磁带形式出现，但最为常用格式是文本文件，这种典型格式的目的是为了编译出计算机程序。

57、Command+R替换

58、Command+E弹出最近文件

59、Command+/注释/取消注释的行注释

60、Command+D复制代码副本

61、Command+shift+F按路径搜索

62、Command+切换项目Command+shift+反向切换项目

63、alt+↓向下选取代码块

64、Command+[,Command+]光标现在的位置和之前的位置切换

65、Command+W关闭当前文件选项卡

66、Command+delete安全删除

67、F5复制文件到某个目录

68、control+V打开VST小浮窗

69、测试应用程序：在“测试”选项卡上设置测试选项，可以运行测试用例来测试代码，在测试结果中查看测试结果。

70、shift+F6高级修改，可快速修改光标所在的标签、变量、函数等

71、alt+H类的层次结构

72、例如，你可以使用代码推断（CodeCompletion）功能来快速编写代码；你可以使用调试器（Debugger）来检查代码中的错误；你可以使用Git整合功能来管理代码版本，等等。

73、Command+,设置编辑器

74、Command+1,Command+2…打开各种工具窗口

75、Command+alt+/注释/取消注释与块注释

76、Control+alt+I快速调整缩进

77、Command+T更新项目

78、WebStorm：WebStorm是jetbrains公司旗下一款JavaScript开发工具。目前已经被广大中国开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScriptIDE”等。个人经验：WebStorm优点是代码提示、高亮等等，支持很多框架。非常适合项目开发。缺点是启动稍慢。

79、F12打开之前打开的工具窗口（TODO、终端等）

80、Command+L跳转行

81、Command+alt+F7打开小浮窗显示搜索列表

82、Command+shift+G查找下一个

83、Control+←,Control+→转到上/下一个编辑器选项卡

84、总之，在使用WebStorm之前，你需要先了解自己需要完成的任务，然后根据任务选择相应的工具和功能，这样才能更好地利用WebStorm完成工作。

85、alt+/代码补全

86、shift+回车快速换行

87、Command+alt+←,Command+alt+→向前向后导航到代码块交接处（一般是空行处）

88、做前端开发，写代码的软件是必不可少的。主流的前端开发写代码软件有：WebStorm、Vscode、SublimeText、HBuilder、Dreamweaver、notepad++、editplus等

89、通用性、可扩充性与稳定性、便于识别与记忆、力求短小与格式统一以及容易修改等。

90、Command+alt+T用(if..else,try..catch,for,etc.)包住增加环绕标签

91、Command+F3打开书签列表

92、Command+alt+O跳转到某个符号

93、alt+shift+C打开最近修改列表

94、Command+shift+F7打开搜索框进行搜索

95、Command+F12文件结构弹出式菜单

96、Command+shift+delete导航到上一个编辑位置的位置

97、SublimeText3：SublimeText是一个代码编辑器，也是HTML和散文先进的文本编辑器。SublimeText是由程序员JonSkinner于2008年1月份所开发出来，它最初被为一个具有丰富扩展功能的Vim。个人经验：SublimeText3通过安装不同的插件可以完美支持各种语言。相对于webstrom，它的启动速度非常快，常用于修改单个文件的错误或者调试。

98、Command+K提交项目

99、导入文件：从“用户”文件夹选择“JavaScript”文件夹，然后选择“导入”选项，浏览到需要导入的代码，选择“导入”按钮。

100、Command+B跳转到变量声明处

101、Command+shift+加号，Command+shift+减号收缩整个文档的代码块

102、Command+shift+U大小写转换

103、然后，你可以从主界面开始新项目或者打开现有项目。

104、Command+Y小浮窗显示变量声明时的行

105、Command+shift+A整个工程的查找操作

106、我用过很多ide，比如dw、eclipse等，但是觉得最好用得还是webstorm。不过webstorm是收费的。不过你可以......,你懂得。webstorm编写代码不用手动保存，自动保存（妈妈再也不用担心我忘记保存而重写了），就是相对而言占内存一些，不过现在的电脑配置（内存4g以上）完全ok。想什么html、js及一些js框架、php等都支持提示，而且提示非常人性化，非常好用。很多人说刚写代码不要用ide，个人觉得这错误的。用ide更能帮助我们快速上手，很多关键词词我们不必死记硬背，知道他用法和功能就行。刚开始我就是出于不用ide就写不出，用上ide就是能手，用ide写多了后，自然而然就记住了。重点在于上面，而不是去单独花时间记住关键词。