webstorm识别Vue自定义指令

第一步，在项目根目录创建web-types.json文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{
  "$schema": "https://json.schemastore.org/web-types",
  "framework": "vue",
  "name": "name written in package.json",
  "version": "version written in package.json",
  "contributions": {
    "html": {
      "attributes": [
        {
          "name": "v-hasPermi",
          "description": "按钮权限"
        },
        {
          "name": "v-hasRole",
          "description": "用户权限"
        }
      ]
    }
  }
}

第二步, 在package.json文件中添加以下代码

1
2
3
{
  "web-types": "./web-types.json"
}