Vue项目中ESlint规范示例代码
186 浏览量
2020-12-10
20:02:28
上传
评论
收藏 71KB PDF 举报
Vue项目中项目中ESlint规范示例代码规范示例代码
前言前言
eslint是一种代码风格管理的工具，可以制定一些代码编写规范，在vue项目中经常用到，本文就给大家分享了开发项目中使用
的eslint校验规范，供参考：
示例代码示例代码
module.exports = {
root: true,
parserOptions: {
parser: 'babel-eslint',
sourceType: 'module'
},
env: {
browser: true,
node: true,
es6: true,
},
extends: ['plugin:vue/essential', 'eslint:recommended'],
rules: {
// 等级分为三级： 0-不显示；1-显示警告warning; 2-显示错误error
////////////////////
///// vue.规范 /////
///////////////////
"vue/max-attributes-per-line": [1, { //多个特性的元素应该分多行撰写，每个特性一行
"singleline": 10,
"multiline": {
"max": 1,
"allowFirstLine": false
}
}],
"vue/singleline-html-element-content-newline": 0, // 在单行元素的内容前后需要换行符
"vue/multiline-html-element-content-newline": 0, // 在多行元素的内容之前和之后需要换行符
"vue/name-property-casing": [1, "PascalCase"], // JS/JSX中的组件名应该始终是帕斯卡命名法
"vue/no-v-html": 0,
"vue/prop-name-casing": [1, "camelCase"], // 在声明prop的时候，其命名应该始终使用驼峰命名
"vue/require-v-for-key": 1, // 给v-for设置键值，与key结合使用，可以高效的更新虚拟DOM
"vue/no-use-v-if-with-v-for": [2, {
"allowUsingIterationVar": false
}], // 不要把 v-if 和 v-for 用在同一个元素上——因为v-for 比 v-if 具有更高的优先级
"vue/order-in-components": [0, { // 组件/实例的选项的顺序
"order": [
"el",
"name",
"parent",
"functional",
["delimiters", "comments"],
["components", "directives", "filters"],
"extends",
"mixins",
"inheritAttrs",
"model",
["props", "propsData"],
"data",
"computed",
"watch",
"LIFECYCLE_HOOKS",
"methods",
["template", "render"],
"renderError"
] }],
////////////////////
///// js.规范 /////
///////////////////
'accessor-pairs': 2, // 在对象中强制使用getter/setter
资源评论
weixin_38732740
- 粉丝: 2
- 资源: 895
