怎样在webStrom里通过filewatchers配置handlebars自动预编译

哈哈  这是本人的第一篇技术博客   各位看客 好好珍惜

首先，想要预编译handlebars   node.js环境是必不可少的  

当然 稍微了解node.js 的人都知道  node有万能的 npm  包管理工具 

只要一条命令就可以安装你需要使用的包  不得不再叹服一声真是伟大的发明哈哈  好吧  安利到此为止  以下是正题  

安装命令是   npm  install  handlebars -g

本人使用handlebars也有一段时间  一开始都是简单粗暴  直接将handlebars 放在页面里    是有点丑陋 没办法   谁叫我是刚入门的小菜鸟呢  

后来知道了 handlebars 的预编译对整个网站有一些性能上的优化  ，于是便开始了我的handlebars预编译之路    

当然 在node上进行预编译是需要手动输入命令的  并且  handlebars 的编译命令为    handlebars  handlebars文件名   -f    -m     js文件名  

如 ;  handlebars    accountList.handlebars  -f   -m  accountList.js   

第三个阶段   当我知道 可以  通过配置来监听文件修改  并且自动编译文件   当然不仅限于handlebars 文件   还有 jade  sass   甚至ES6等     此处就不做赘述  

一开始一直在网上寻找  webstorm配置自动化编译handlebars 的方法   但只招到  sass  或者jade的 配置方法    好在这些都是大同小异   于是我 依样画葫芦   

希望看到这篇博客的人儿们  少走一些坑

安装之后  我的   handlebars.cmd的文件地址是 

C:\Users\xiaoqi\AppData\Roaming\npm\handlebars.cmd

  配置的命令为  $FileName$ -m  -f  $FileNameWithoutExtension$.js

输出的文件夹为  $FileDir$