前言
今天是属于大家的1024节，程序猿的日常工作离不开IDE的支持，在今天这个值得庆祝的日子，考拉的coders整理了工作中常用的IDE功能，大家节日快乐， 向程序猿致敬，向加班SAY NO！
一、什么是 IDE
集成开发环境（IDE，Integrated Development Environment ）是用于提供程序开发环境的应用程序。使用 nodejs 开发后端应用的时候，较常用 IDE 是 Webstorm和 vscode。 根据考拉程序猿的日常使用经验，本文列举下 Webstorm 这个 IDE 提供了哪些比较实用功能，这些功能基本上 vscode 也支持。
二、编辑
（一）文件跳转
跳转都任意文件
搜索功能（二）快捷键
导出快捷键列表，仔细过一遍；
（三）自动补全
自动补全功能的实现一般有两种：
- 正则匹配，自动匹配出现过的字符；
- 语法树分析，因为 js 是动态类型语言，IDE 根据语法树预知变量类型，但是 typescript 是可以的，vs code 也会根据 js 库里的 d.ts 描述文件来做自动补全，所以 typescript 项目的自动补全体验会更好。
（四）Refactor 重构
常见重构支持： 重命名
Inline : 表达式替换变量 Extract ：变量替换表达式该功能在 typescript 项目中会更强大。
（五）模板功能
把常见的代码块设置为模板，方便快速输入。
例如把console.log('$message$); 这类常用语句定义为模板后定义关键字为 log ，只要输入 log 补全即可。 （六）TODO 列表
列出项目里的所有 TODO，时刻提醒你还债~
（七）eslint / tslint
集成 eslint / tslint 等 js 代码检查工具，错误代码直接标红。
（八）Format
自动的格式化功能呢，支持 standard；
二、运行
（一）Build
支持 typescript flow 等语言的编译；
（二）Run
run 配置，支持以下常见库的运行配置；
在 Webstorm 中，配置好一个 run 配置之后，可以快速 debug 。
（三）Debug
提供 debug 支持，断点比 console.log 清晰，也不会留下一堆乱七八糟的 log 代码，而且断点的设置还支持条件过滤，非常方便。
（四）Unit Test
清晰的 test 结果；
（五）Coverage
代码覆盖率直接显示到编辑器上，如下图，line 37-39， 左侧是淡绿色，表示测试覆盖到了，下方的淡红色表明测试未覆盖。
（六）Deploy
支持 ftp 上传，IDE 也是可以直接在服务器编程的。
就是自动帮你执行 ftp 上传命令。（七）Terminal
当前目录开启 terminal；
三、版本控制
（一）支持主流的版本控制软件
git svn csv；
（二）Commit
除了 GUI commit 视图；
还有 before commit 和 after commit 钩子；
（三）Review
review 视图帮助你清晰了解变更，强烈建议每次 commit 之前都要 review 一次；
（四）Revert
撤销更改，git checkout -- [filename]；
（五）冲突解决
解决代码冲突，gui 视图，会清晰很多；
（六）Shelve 暂存
临时切换任务使用，就不用提交一个 “暂存” commit 了；
（七）ChangeList/Task
任务汇总，整理变更；
（八）History
- version control 的 history 查看历史变更；
- Annotate，查锅神器，同 git blame ，可以看到每一行代码的最后编辑人；
- local history 防丢失非常重要。
三、集成外部软件
有名的外部软件基本都能找到集成，常用的有：
（一）Jira
直接获取 task ，根据 task 信息创建分支，自动填充 commit 信息；
（二）Plantuml
有插件，将 uml 渲染成图片；
总结
上文列举了后端开发中比较实用的功能，但每个人的工作习惯都不一样，如何知道有哪些功能是你很喜欢的但是你还没发现呢？
仔细过一遍 IDE 的菜单就好了