PhpStorm Vue.js 开发环境配置

PhpStorm 要支持 Vue.js，主要有 3 個重点 :

Directive : 支持由 v- 开头的 directive，如 v-model，以及其 shorthand，如 @click，:href。
API : 支持 Vue.js 的 API，如 Vue.component()。
vue 组件 : 支持 Vue.js 自创的 component 格式，在 PhpStorm 正常显示，沒有警告。

1. 安装vue.js和vue-for-idea插件

2. 安装Vue.js Library

可以通过引入cdn的方式，然后通过Alt + Enter快捷键的方式安装Vue.js的Library
可以通过Setting->Language&Framework->Javascript->Libraries来查看结果：

4.PNG

一点点问题

在实际使用中，还是不能识别出Vue.js的shorthand的写法

---

参考网站：

• 如何在 PhpStorm 打造 Vue.js 開發環境?