持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第9天，点击查看活动详情
今天来说说平时在Webstorm的使用过程中的那些很好用的操作
一、快捷键
1.跳转到定义
Ctrl+B
这是日常使用最多的也是感觉最实用的一个功能了，无论是css样式定义的位置还是函数定义的位置都可以跳转。帮助快速熟悉项目中的逻辑，找到源定义的源头。
2.格式化
Ctrl+Alt+L，自动对齐缩进，让代码更整洁
3.查找和替换（全局）：
Ctrl+Shift+f是全局查找，平时用的更多的还是Ctrl+Shift+R，查找的同时快速定位要修改的文件位置，小窗口预览并且直接修改文件内容
4.快速定位：
点击这个按钮，可以直接定位到当前文件的目录位置，文件比较多的时候非常方便，省去了翻找的时间
5.Eslint配置
可以下载插件，也可以用webstorm自带的Eslint，只需要打开setting，找到eslint设置页面，每次保存的时候就可以实现eslint的格式化
6.自动保存
不需要手动保存文件，ctrl+s后会自动编译运行。
二、查看本地修改历史记录
当文件改动后，想要再找回之前的代码时，右键目标文件-->show history，历史记录会以小窗口的形式展现，并可以对比新旧版本的差异，可以看到近12个小时以及更早的记录。
三、内置Git
无论是更新代码、解决冲突，还是新建、检出分支、查看提交记录，都能得到很好的支持。
不需要其它的软件，一个编译器就搞定。
四、开箱即用
JavaScript、TypeScript、React、React Native、Vue、Angular、Node.js...
可以快速搭建一个项目的脚手架，新手友好。
五、插件市场
可以在现有功能的基础上添加更多自定义选项，还有很多很有趣的插件也可以在里面找到
1.CodeGlance
sublime 和 vscode 默认在编辑器右侧显示代码的缩略图，webstorm 安装插件可以实现
2.sonarLint 代码质量分析检查
安装成功后会在编译器下方的工具栏显示，智能提示一些可优化的地方，使代码写得更规范&优雅
六、JetBrains生态
各个软件基本的操作都是相似的，无论使用什么技术，在JetBrains都能到找到适合的工具。
如果习惯使用的是idea，只要安装vue的插件就可以完美识别vue代码，前后端一个编辑器搞定。
