webstorm 使用[handlebars & vue]

参考: https://segmentfault.com/p/1210000008822913/read

---

webstorm配置识别handlebars语法

Settings - Languages Frameworks - JavaScript - Templates 选中Open HTML files as Handlebars/Mustache]

配置sass监听

设置-工具-文件监听器-添加sass或scss监听 注意修改Programe配置项）
![4KKY@@_U{{54@4%Z0SJ`@8.png

注意 遇到中文无法监听通过的解决办法

1. 进入【ruby安装目录\lib\ruby\gems\2.2.0\gems\sass-3.x.xx\lib\sass】；
   打开【engine.rb】文件添加 Encoding.default_external = Encoding.find('utf-8')，放在所有的 require "xxx"后面；

2. sass内部最前边加上 @charset "UTF-8";

---

install vue plugin

"Preferences"->"Plugins"->"Browse Repositories",search "vue-for-idea"
from: https://github.com/henjue/vue-for-idea

install