首页 / VUE / Vue中使用eslint

Vue中使用eslint

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Vue中使用eslint，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1585字，纯文字阅读大概需要3分钟。

内容图文

 

.eslintrc.js

module.exports = {
    root: true,
    parser: ‘babel-eslint‘,
    "env": {
        "browser": true,
        "commonjs": true,
        "es6": true
    },
    extends: ‘vue‘,
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": false
        },
        "sourceType": "module"
    },
    "rules": {
        "indent": [
            "error",
            "tab"
        ],//tab空格
        eqeqeq: 0,//禁止检测等于比较
        ‘no-console‘: 0,//禁止检测console
        "linebreak-style": [
            "error",
            "unix"
        ],
        ‘camelcase‘:0,//禁止检测命名
        ‘consistent-this‘:0,//禁止检测命名
        ‘no-else-return‘: "error",
        "quotes": [
            "error",
            "single"
        ],//单引号
        "semi": [
            "warn",
            "never"
        ]//不适用分号    }
};

webpack.config加入如下代码

{
			test: /\.(js|vue)$/,
			loader: ‘eslint-loader‘,
			enforce: ‘pre‘,
			include: [resolve(‘src‘), resolve(‘test‘)],
			options: {
          // formatter: require(‘eslint-friendly-formatter‘),
          // 不符合Eslint规则时只警告(默认运行出错)
          // emitWarning: !config.dev.showEslintErrorsInOverlay
			}
		},

　　下载editorconfig插件

root = true
# 对所有文件有效  //[*js]只对js文件有效
[*]
#设置编码格式
charset = utf-8
#缩进类型  可选space和tab
indent_style = tab
#缩进数量可选整数值2 or 4,或者tab
indent_size = tab
#换行符的格式
end_of_line = lf
# 是否在文件的最后插入一个空行  可选true和false
insert_final_newline = false
# 是否删除行尾的空格  可选择true和false
trim_trailing_whitespace = true

　　配置不希望eslint监测的文件

.eslintignore

# /node_modules/* and /bower_components/* in the project root are ignored by default

# Ignore built files except build/index.js
dist/*
!dist/index.js
src/vendor.js
README.md

　　vscode编译器在使用eslint的时候添加如下配置,可以减少fix

"eslint.autoFixOnSave": true,
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "html",
            "autoFix": true
        },
        {
            "language": "vue",
            "autoFix": true
        }
    ]

　　以上就是eslint的全部配置了!

原文：https://www.cnblogs.com/yiyi17/p/9238072.html

内容总结

以上是互联网集市为您收集整理的Vue中使用eslint全部内容，希望文章能够帮你解决Vue中使用eslint所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1282947.html

来源：【匿名】