WebStorm 常用成效的行使技术分享

代码编辑

  • 代码跳转: Ctrl + 左键 大概 Ctrl +
    B,能够跳转到函数或然变量的扬言地方

  • 调用地方: Alt + F柒,查找调用者

  • 机关补全:
    最棒是修改一下响应时间,Settings->艾德itors->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,会从小到大慢慢扩展。比如按1回,选中word,按五遍,选取表达式,
    一回, 整个函数

重构

  • 更名: Shift +
    F六,修改函数名,变量名,文件名,同时修改全数引用的地点.

  • 挪动文件: F六, 并修改文件的引用地点, 包蕴 html 和 js文件

  • 抽取函数: Ctrl + Alt + M,整块代码抽取成函数

  • 抽取变量: Ctrl + Alt + V,当前当选抽取为变量

  • 移步整块代码: Ctrl + Shift + ↑↓

  • 卷入: Ctrl + Alt + T,外层包裹,比如 if、try catch等

Run & Debug

能够直接 Run & Debug NodeJS 脚本,也得以实施服务端脚本

图片 1

NPM

View -> Tool Windows -> npm,能够打开 npm 快捷窗口

此地能够直接右键 update

能够双击执行 npm 命令

自动测试

能够在 IDE 中运营测试框架,比如 karma.

能够自行监察和控制代码变化,自动运维测试脚本.

图片 2

版本控制

地面代码控制

VCS -> Local history 能够列出这次 WebStorm 运行之后,全数的代码修改。

能够合贰为壹主流的版本控制工具, 如 git、mercurial、subversio 等

经过多少个按钮, 即可达成 pull、update、merge、commit、push 的总体流程,
拾贰分便于

图片 3

经过 branch 管理工科具,能够便宜的切换 branch 工作,同时可以create、close、merge 操作

图片 4

Task

可以与主流的 Task 平台合并,能够自动拉取 Task,自动创立提交记录.

 图片 5

快捷键

经过 Ctrl + Shift +
A,能够高速的经过机要字检索到相应的法力设置和神速键。

此间是快捷键文书档案

 图片 6

格式化代码

快捷键: Ctrl + Shift + L

能够设置为 commit 前自行格式化

静态检查

能够合二为1主流静态检查工具

这里以 ESLint 为例

图片 7

在 IDE 中能够运转对单个文件,或然全部育工作程的静态检查

图片 8

新技术辅助

支撑最新技术,如 TypeScript CoffeeScript 最新版、 Angular二、ES6ES7等,集成 Gulp、Grunt 等工具。

虚拟机参数

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

 图片 9

图片 10

正文只享受了一些私家常用的基本操作,越多 WebStorm
作用的采取技巧,期待能和我们1齐探索。