1. eslint-config-vusion
Sharable eslint config for Vusion
eslint-config-vusion
Package: eslint-config-vusion
Created by: vusion
Last modified: Fri, 17 Jun 2022 20:19:44 GMT
Version: 4.1.0
License: MIT
Downloads: 367
Repository: https://github.com/vusion/eslint-config

Install

npm install eslint-config-vusion
yarn add eslint-config-vusion

Vusion ESLint Config

配置

 npm install --save-dev eslint eslint-config-vusion

然后创建.eslintrc文件:

仅配置 JS

 {
    "extends": "vusion",
    "env": {
        "browser": true,
        "node": true
    }
}

额外增加 Vue 的配置

 {
    "extends": "vusion/vue",
    "env": {
        "browser": true
    }
}

包含测试和 Vue 的环境

 {
    "extends": "vusion/all",
    "env": {
        "browser": true
    }
}

编辑器配置

VSCode

如果要使用 Vue 相关的配置,需要配以下内容:

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

其它复杂情况可以参考ESLint配置

代码风格

Dependencies

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin