如何在FastAdmin中使用PHPStorm的File Watchers进行高效开发

PHPStorm是一款非常强大的IDE，有很多小伙伴都在使用，在这里向大家介绍一个PHPStorm中一个非常强大的功能File watchers，从字面上我们已经可以理解到它是用于监测文件的。那它具体的作用有哪些呢？这里举一些我们在FastAdmin中可以使用到的地方。
1.修改插件文件后实时同步
通常我们修改了插件addons目录下的文件都需要在后台禁用再启用插件才生效，而配合File Watchers功能，我们可以达到修改插件目录中的文件后实时生效。
2.修改Less文件后自动编译成CSS文件
在FastAdmin中前后台的样式文件都是通过less编译成css文件的，需要我们可以直接修改CSS文件或手动执行编译，但这都不是官方推荐的方式，配合File Watchers功能，我们可以达到修改Less文件后实时编译生成CSS文件。

下面就来针对以上两个功能介绍下在FastAdmin中如何配置PHPStorm的File Watchers。
1.修改插件文件后实时同步
打开偏好设置，搜索File Watchers，点击+，添加一个自定义的模板，如图

然后在弹出窗中录入以下的数据

File type: 选Any
Scope: 点击右侧的...后在弹出窗口中添加一项，Name: 任意 Pattern: file[fastadmin]:addons//*&&!file:addons//info.ini
Program: Windows下请选择选php.exe的路径
Arguments: 填写 think addon -a $FileDirRelativeToProjectRoot$ -c enable --force=true
Working directory: 填写你的FastAdmin的根目录

点击保存即可，经过以上的配置，只要我们修改addons目录下的文件将会实时生效。这对插件开发有非常大的帮助。

2.修改Less文件后自动编译成CSS文件
同上方的修改插件文件实时同步的配置类似，在添加时我们需要选择Less，如图

主要是一些Program和Arguments不同，如图

File type: 选Less
Scope: 点击右侧的...后在弹出窗口中添加一项，Name: 任意 Pattern: file[fastadmin]:public/assets/less/*
Program: 请选择lessc的路径，未安装的请先安装
Arguments: 填写--no-color $FileName$
Output paths to refresh: 填写$FileParentDir$/css/$FileNameWithoutExtension$.css
Working directory: 填写$FileDir$

点击保存即可，经过以上的配置，只要我们修改less后缀的文件，即会在../css/目录下生成编译后的css文件。