zoukankan      html  css  js  c++  java
  • xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

    ESLint & vue

    {
        "name": "app",
        "version": "1.0.1",
        "private": true,
        "description": "JT APP",
        "directories": {
            "lib": "lib"
        },
        "scripts": {
            "dev": "light release -wb ",
            "prod": "light release -p --product",
            "lint": "eslint view/**/*.{js,vue}"
        },
        "bin": {
            "testing": "testing",
            "local": "local",
            "staging": "staging",
            "product": "product",
            "app": "app",
            "dev": "dev",
            "lint": "lint"
        },
        "author": "xgqfrms",
        "license": "MIT",
        "dependencies": {},
        "devDependencies": {
            "eslint": "^5.16.0",
            "eslint-plugin-vue": "^5.2.2"
        }
    }
    

    .eslintrc

    
    module.exports = {
        extends: [
            // add more generic rulesets here, such as:
            // "eslint:recommended",
            "plugin:vue/recommended",
        ],
        rules: {
            // override/add rules settings here, such as:
            // "vue/no-unused-vars": "error",
        }
    }
    
    
    
    $ yarn add -D eslint eslint-plugin-vue
    
    

    vscode

    
    Integrates ESLint into VS Code. If you are new to ESLint check the documentation.
    
    The extension uses the ESLint library installed in the opened workspace folder. If the folder doesn't provide one the extension looks for a global install version. If you haven't installed ESLint either locally or globally do so by running npm install eslint in the workspace folder for a local install or npm install -g eslint for a global install.
    
    On new folders you might also need to create a .eslintrc configuration file. You can do this by either using the VS Code command Create ESLint configuration or by running the eslint command in a terminal. 
    
    If you have installed ESLint globally (see above) then run `eslint --init` in a terminal.
    If you have installed ESLint locally then run `.
    ode_modules.bineslint --init` under Windows,
    and `./node_modules/.bin/eslint --init` under Linux and Mac.
    
    

    . ode_modules.bineslint --init => .lib ode_modules.bineslint --init
    ./node_modules/.bin/eslint --init => ./lib/node_modules/.bin/eslint --init

    
        "scripts": {
            "dev": "light release -wb ",
            "prod": "light release -p --product",
            "lint": "./lib/node_modules/.bin/eslint view/**/*.{js,vue}",
            "li": "./lib/node_modules/.bin/eslint --init",
            "test": "eslint view/**/*.{js,vue}"
        },
        "bin": {
            "testing": "testing",
            "local": "local",
            "staging": "staging",
            "product": "product",
            "app": "app",
            "dev": "dev",
            "lint": "lint"
        }
    
    

    OK

    路径, 转义字符

    {
        "scripts": {
            "dev": "light release -wb ",
            "prod": "light release -p --product",
            "lint": ".\lib\node_modules\.bin\eslint view/**/*.{js,vue}",
            "test": ".\lib\node_modules\.bin\eslint --init",
            "global-lint": "eslint view/**/*.{js,vue}"
        },
        "bin": {
            "testing": "testing",
            "local": "local",
            "staging": "staging",
            "product": "product",
            "app": "app",
            "dev": "dev",
            "lint": "lint"
        }
    }
    

    solution

    
    {
        "name": "app",
        "version": "1.0.1",
        "private": true,
        "description": "JT APP",
        "author": "xgqfrms",
        "license": "MIT",
        "directories": {
            "lib": "lib"
        },
        "scripts": {
            "dev": "light release -wb ",
            "prod": "light release -p --product",
            "lint": ".\lib\node_modules\.bin\eslint view/**/*.{js,vue}",
            "test": ".\lib\node_modules\.bin\eslint --init",
            "global-lint": "eslint view/**/*.{js,vue}"
        },
        "bin": {
            "testing": "testing",
            "local": "local",
            "staging": "staging",
            "product": "product",
            "app": "app",
            "dev": "dev",
            "lint": "lint"
        }
    }
    
    
    

    ESLint rules

    https://eslint.org/docs/rules

    vue

    https://vuejs.github.io/eslint-plugin-vue/rules/

    https://github.com/vuejs/eslint-plugin-vue/blob/master/docs/rules


    ESLint, 0, 1, 2

    https://eslint.org/docs/user-guide/getting-started

    image

    https://eslint.org/docs/user-guide/configuring

    https://eslint.org/docs/user-guide/formatters/

    solution

    module.exports = {
        extends: [
            // add more generic rulesets here, such as:
            // "eslint:recommended",
            "plugin:vue/recommended",
        ],
        rules: {
            // override/add rules settings here, such as:
            "vue/no-unused-vars": "error",
            "indent": ["off", 4],
            "vue/order-in-components": "off",
            "vue/html-indent": "off",
            "vue/html-closing-bracket-spacing": "off",
            "vue/html-closing-bracket-newline": "off",
            "vue/singleline-html-element-content-newline": "off",
            "vue/html-self-closing": "off",
            "vue/attributes-order": "off",
            "vue/attribute-hyphenation": "off",
            "vue/max-attributes-per-line": "off",
            "vue/mustache-interpolation-spacing": "off",
            "vue/name-property-casing": "off",
        },
    }
    
    

    OK

    Error & warn


  • 相关阅读:
    matlab程序性能优化与混合编程技术介绍
    最大熵原理/最大熵原则/最大熵模型(the maximum entropy principle,MEP)
    马氏距离 Mahalanobis Distance
    时间序列分析
    Windows XP + Apache 2.2.4 + PHP 5.2.0 + MySQL 5.0.27 + Zend Optimizer 3.2.0环境配置方法
    栈应用——表达式求值
    Android实现模拟时钟(简单+漂亮)时针、分针、秒针
    基于循环链表的约瑟夫问题
    assert()详解
    Hadoop HPROF 的使用
  • 原文地址:https://www.cnblogs.com/xgqfrms/p/11064277.html
Copyright © 2011-2022 走看看