最近的一个前后端分离项目开始使用 Vue.js 进行开发,就顺便优化了一下 PhpStorm 下的开发体验(PhpStorm 版本为 2017.1)。
注:在最新的 2017.1 版本中,PhpStorm(WebStorm)已经对 Vue.js 进行了原生支持,所以不需要装第三方插件了。
安装 Vue.js 插件
PhpStorm 目前的版本还没有对 Vue.js 进行原生支持,所以需要先安装 Vue.js 插件(安装方式:「Preferences」 =>「Plugins」 => 「Browse repositories…」 => 搜索「Vue.js」)。
设置 *.vue 文件中的代码高亮
安装 Vue.js 插件后只是对 *.vue
文件有了基本的支持,但是其对需要编译的语法支持有限。