写在前面的话

WebStorm是我学习前端至今最常用的IDE, 比较依赖它的动态补全和提示。
在我使用的过程中，不断的有新的需求，通过搜索和文档大部分都得到了解决,这里做一个简单的汇总。

中文汉化

已经可以直接在插件安装汉化支持。

远程部署、同步及对比

预览截图

记录

动态模板

通过查看动态模板可以帮助你更快捷的编写代码

1
2
'test'.log  按下 Tab
// console.log('test')

通过下面的设置可以自定义动态模板,也可设置适用的文件范围
模板

sass预处理

在没有搭建脚手架的时候,也可以把sass添加到IDE中,输出格式目录等也可以设置
sass

文件模板

通过自定义文件模板可以在团队项目中初始化一些既定的规范,比如驼峰命名等
文件模板

宏

宏(macro)的全称是宏指令(macroinstruction)，不太严格的说，宏是指把较长的指令序列用某种规则对应到较短的指令序列的规则或模式.

本地历史记录

Alt + Shift + C 可以看到最近的修改
通过VCS菜单可以看到当前文件的历史记录,再也不用担心改错

文件差异比较

选中需要比较的文件, Ctrl + D 可以与指定的文件对比

安全写入

使用parceljs的时候遇到安全写入问题，导致热更新只执行一次