如何让webstorm识别tpl代码，有什么插件吗

打开Webstorm的setting，可以使用快捷键：“Ctrl + Alt + s”， 也可到“Help”-》“Find Action”里搜索“setting”（在菜单栏一直找不到“setting”选项在哪，）。
打开setting之后，在IDE Setting中的File Types（也可以直接用setting的搜索功能搜索file types） 中的Recognized File Types框中选择Html Files（因为tpl模板本身就是html文件，所以就用html文件的高亮格式即可），然后在Registered Patterns中添加“tpl”。
最后点击“OK”即可。

现在已经有vuejs的插件啦，setting --> plugins 就可以咯
Mac端WebStorm用户。
command + , 打开偏好设置，选择plugins,，点击下方的browse repositories
在打开窗口的搜索栏里打"vue"。 有两个插件
但是都不是官方的。
如果想要高亮显示vue文件，可以在File Types 选项里找到HTML，然后在下方手动添加vue，这样就有高亮啦。

1、WebStorm能做的事情PhpStorm都能做，而且后者还具备服务器端语言Php以及MySQL数据库,Apache服务器配置等服务器相关的功能
phpstorm包括webstorm所有功能加php和db。但是有些在webstorm里默认安装的plugin并没有安装在phpstorm里面 不过你完全可以自行安装 比如Meteor。相反webstorm无法安装phpstorm才能安装的php相关的plugin 比如Symfony
3、webstorm是专注于前端开发的，有丰富的前端框架和js库，phpstorm是偏向于服务器开发的，在纯前端的方面不如webstorm。

SASS and LESS 不管是SASS，还是LESS，都可以视为一种基于CSS之上的高级语言，其目的是使得CSS开发更灵活和更强大，这两者我的感觉是对于程序员来说，SASS的功能要远比LESS强大，基本可以说是一种真正的编程语言了，而对于设计师，LESS则相对清

1 首先确定你的电脑系统是windows系统，因为在windows系统下可以使用WebStorm+vue来打包apk
2 安装Nodejs，这是WebStorm+vue使用的一个运行环境，并确认安装完成后，设置环境变量，这样才能使用WebStorm+vue来打apk包
3 下载安装WebStorm，这是一款编辑器，可以在其中编写和编辑vue项目
4 安装vue-cli，这是一个vue的脚手架，可以帮助你快速构建vue项目
5 使用vue-cli建立一个apk项目，在WebStorm中打开该项目，并进行编辑
6 安装cordova，这是一个可以在浏览器中运行vue项目的框架
7 加入cordova插件，这是一个可以将vue项目打包成apk的插件
8 在WebStorm中运行项目，就可以将vue项目打包成apk，安装到手机上进行测试。

---