使用WebStorm有一段时间了，以下是我在使用过程中的一些总结：
-
打开webstorm会触发win10安全防护，Antimalware Service Executable，把webstorm加入白名单就行。 具体操作： 设置--更新和安全--Windows安全中心--病毒和威胁防护--管理设置--排除项--添加排除项--添加
-
配置git： File--Settings--Version Control--Git--Path to Git executable--改成cmder\venttor\git-for-windows\cmd\git.exe
-
配置终端： Settings--Tools--Terminal--Shell path--改为：Cmder\vendor\git-for-windows\bin\bash.exe
-
隐藏不需要的界面： View--Appearance--打勾，main menu不小心弄不见了，就shift+shift搜
-
设置快捷键： Settings--Keymap--搜Terminal--右键Add Keyboard Shortcut--按住Ctrl + ~ --点击OK--和其他按键冲突，就点remove，移除其他的快捷键。我的快捷键： Ctrl + ~ 打开终端
-
右键删除文件： 不要勾选Safe Delete，就是强制删除
-
格式化代码： shift+shift--搜Reformat File Dialog--有多个选项，Only VCS changed text只格式化修改的部分；Whole file整个文件
-
修改格式化的样式： Settings--Editor--Code Style--下图以TypeScript举例（TS加分号，JS不用分号）
-
shift+shift快捷键：
- 搜show tree indent guides--打开--在编辑器里添加竖线，方便代码对齐
- 搜show method separators，在每个方法上面添加横线，便于阅读代码
- 搜breadcrumbs，选don't show，用于隐藏面包屑
- soft wrap，用于折行
- show gutter icons 关闭后，编辑器更简洁
-
在webstorm创建的项目，会默认新建"./idea"文件夹，需要将其添加到".gitignore"
-
搜索文件的时候，如果有哪个文件不想被搜到，就右键--Mark Directory as--Exclude
-
Settings--comment at first column注释顶到第一列
-
右键new，选择Vue component，输文件名，不加后缀，就生成带模版的.vue文件
-
修改模板： Settings，搜code template，修改模板
-
Vue项目引入文件： TS/JS可以通过
import "@/目录"引入文件；CSS/SASS通过@import "~@目录"引入文件（注意： webstorm会报错，在Settings中搜索webpack，添加上路径，路径是当前项目的node_modules/ @vue\cli-service\webpack.config.js） -
React项目引入文件： SCSS文件不能直接用
@import 'xxx/aaa'来引入'src/xxx/aaa.scss'；需要配置，在项目根目录下的.env文件里，windows用户添加SASS_PATH=./node_modules;./src，接下来就可以使用了，但是webstorm会报错，它不能识别这种用法，右键src文件夹，Mark Directory as Resource Root解决报错；JS/TS配置，在 jsconfig.json/tsconfig.json 添加"baseURL": "src" -
速写CSS： Settings--emmet--CSS勾选第二个
