@vivomo/draft

# IDE 使用技巧

工欲善其事必先利其器

## 文本编辑(通用)

* `shift+home|end` 从光标处选择至行首行尾
* `Ctrl+back|del` 删除前或后一个单词

## webStorm 重型武器

### 设置背景

### 运行
* `Ctrl+shift+F9|F10` 已Node引擎 debug或运行当前文件js
* `Alt+F2` 浏览器打开当前html文件

### 错误警告提醒
* 单词拼写
* 参数提醒 (顺序/文档)
* 正则 (多余的转义符号)
* eslint
* 无用的变量
* 不正确的方法引用(不存在的方法, 参数顺序/类型不对 参数注释文档)
* 编辑被保护的文件


### 快速定位
* warning/error F2
* 变量方法声明 ctrl+b
* 匹配{} ctrl+{}
* 文件某处结构 ctrl+f12
* 上次浏览编辑位置 Ctrl + Alt + ← →

### 快速修复
> Alt + Enter
>> eslint
>> fun doc
>> import

### 快速编辑
* 复制行 ctrl+d
* 剪切行 ctrl+x
* Ctrl + alt + l 格式化代码(细节可调 code style)

### live templates
* `div.item*3>a+p` zen coding 快速编写 html + css
* `rsc|rscp` 快速生成React组件模板
* 自定义

### 快捷查看
* Ctrl+Q 显示注释文档 (联网的)
* 参数提醒 Ctrl + P
* ctrl + shift + i : 显示当前CSS选择器或者JS函数的详细信息
* 最近更改的文件 Ctrl + E