代码编辑

代码跳转: Ctrl + 左键或者 Ctrl + B，可以跳转到函数或者变量的声明位置
调用位置: Alt + F7，查找调用者
自动补全: 最好是修改一下响应时间，Settings->Editors->General->Code Completing: Autopopup in 0.
打开文件: Ctrl + Shift + N
打开类: Ctrl + N
打开函数: Ctrl + F12
“超级”打开: 双击 shift，可以 search anywhere.
复制整行: Ctrl + D
删除整行: Ctrl + Y
折叠当前块: Ctrl + “-”，折叠当前块以及子块: Ctrl + Alt + “-”，折叠全部块: Ctrl + Shift + “-”
展开, 把折叠的快捷键换成”+”
选择: Ctrl + W，会从小到大逐渐扩大。比如按一次,选中word，按两次，选择表达式, 三次, 整个函数

重构

改名: Shift + F6，修改函数名，变量名，文件名，同时修改所有引用的位置.
移动文件: F6, 并修改文件的引用位置, 包括 html 和 js文件
抽取函数: Ctrl + Alt + M，整块代码抽取成函数
抽取变量: Ctrl + Alt + V，当前选中抽取为变量
移动整块代码: Ctrl + Shift + ↑↓
包裹: Ctrl + Alt + T，外层包裹，比如 if、try catch等

Run & Debug

可以直接 Run & Debug NodeJS 脚本，也可以执行服务端脚本

NPM

View -> Tool Windows -> npm，可以打开 npm 快捷窗口

这里可以直接右键 update

可以双击执行 npm 命令

自动测试

可以在 IDE 中启动测试框架，比如 karma.

可以自动监控代码变化，自动运行测试脚本.

版本控制

本地代码控制

VCS -> Local history 可以列出本次 WebStorm 启动以后，所有的代码修改。

可以集成主流的版本控制工具, 如 git、mercurial、subversio 等

通过两个按钮, 即可完成 pull、update、merge、commit、push 的完整流程, 非常方便

通过 branch 管理工具，可以方便的切换 branch 工作，同时可以 create、close、merge 操作

Task

可以与主流的 Task 平台集成，可以自动拉取 Task，自动创建提交记录.

快捷键

通过 Ctrl + Shift + A，可以快速的通过关键字检索到相应的功能设置和快捷键。

这里是快捷键文档

格式化代码

快捷键: Ctrl + Shift + L

可以设置为 commit 前自动格式化

静态检查

可以集成主流静态检查工具

这里以 ESLint 为例

在 IDE 中可以启动对单个文件，或者整个工程的静态检查

新技术支持

支持最新技术，如 TypeScript CoffeeScript 最新版、 Angular2、ES6 ES7等，集成 Gulp、Grunt 等工具。

虚拟机参数

如果工程较大，强烈建议使用 64 位 jre，并修改虚拟机内存参数，根据本机物理内存尽量设置大。

本文只分享了一些个人常用的基本操作，更多 WebStorm 功能的使用技巧，期待能和大家一起探索。

本文转自 zddnd 51CTO博客，原文链接:http://blog.51cto.com/13013666/1939711

WebStorm 常用功能的使用技巧分享相关推荐

webstorm的中文教程和技巧分享
webstorm是一款前端javascript开发编辑的神器,此文介绍webstorm的中文教程和技巧分享. webstorm8.0.3中文汉化版下载: 百度网盘下载:http://pan.baidu ...
关于AD19常用功能和使用技巧的总结
关于Altium Designer 19常用功能和使用技巧的总结文章目录关于Altium Designer 19常用功能和使用技巧的总结一.常用功能原理图 PCB图想到在更一.常用功能原 ...
Python常用30个小技巧分享
1.原地交换两个数字 x, y =10, 20 print(x, y) y, x = x, y print(x, y) 10 20 20 10 2.链状比较操作符 n = 10 print(1 < ...
vs c语言程序调试方法,VS2015中的常用调试技巧分享
原标题:VS2015中的常用调试技巧分享为什么要学习调试? 调试(Debug)是作为一个程序员必须要学会的东西,学会调试可以极大的提高开发效率,排错时间,很多人不喜欢调试,但我认为这是一个很不可取的 ...
idea 分栏_常用SQL优化与IDEA超实用技巧分享
原标题:常用SQL优化与IDEA超实用技巧分享今天,数据库的操作越来越成为整个应用的性能瓶颈了,这点对于Web应用尤其明显.关于数据库的性能,这并不只是DBA才需要担心的事,更是我们程序员需要去关注 ...
分享Figma一些非常快速、省时、省力的功能和小技巧
众所周知,越来越多的大工厂正在使用它figma了,那你的figma它是如何使用的?您是否遇到过一些问题或操作不方便的事情?今天,我想和大家分享Figma一些非常快速.省时.省力的功能和小技巧,因为文章 ...
计算机搞笑技巧,分享10个最常用的电脑操作技巧，你能掌握几个？
Hi,大家好,我是小雨!许多人都接触过电脑,都使用过电脑,但是你对电脑了解多少?比如对最常使用的键盘,你又了解多少?除了正常的打字之外,键盘上边边角角的那些按键都是做什么用的? 上图是标准键盘上一些不 ...
编程番外篇：Rider体验与常用功能分享
随着我用VS下载的库越来越多,其体积也越来越臃肿.而且,不知为何,我打开比较大的Unity项目,代码文件比较多的话,他会一直卡着,读不出来.这种情况偶尔会出现,但无伤大雅.碰巧群里人安利了Rider, ...
傲游浏览器怎么快速保存图片快速保存功能使用技巧分享
打开傲游浏览器,点击右上角的"三"字型图标,并在出现弹窗后选取[设置]; 傲游浏览器怎么快速保存图片?快速保存功能使用技巧分享进入傲游设置页面后,在左侧的栏目项中点击" ...

WebStorm 常用功能的使用技巧分享