webstorm 使用[handlebars & vue

2017-07-24 本文已影响160人简不简单_都好

参考: 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

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

进入【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"后面；

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

install vue plugin

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

install