语言►nodejs►库►eslint

ESLint中的eslint-plugin-vue

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/10/07/ESLint%E4%B8%AD%E7%9A%84eslint-plugin-vue/

摘要

本文主要讲述了：

  1. 作用
  2. 安装
  3. 示例

正文

作用

使 ESLint 具备检查.vue文件的能力。

安装

1
2
3
#!/usr/bin/env bash

npm install --save-dev eslint-plugin-vue

示例

learn_eslint/.eslintrc.yaml

1
2
3
root: true
extends:
  - plugin:vue/recommended

源文件：

learn_eslint/index.vue

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<template>
  <div />
</template>
<script>
export default {
  name: 'index',
  mounted() {},
};
</script>
<style>
body {
  margin: 0;
}
</style>

运行：

1
2
3
#!/usr/bin/env bash

npx eslint index.vue

输出：

1
6:9  warning  Property name "index" is not PascalCase  vue/name-property-casing

参考资料

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/10/07/ESLint%E4%B8%AD%E7%9A%84eslint-plugin-vue/

本文对你有帮助？请支持我

支付宝
微信