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


  • 相关阅读:
    linux mint 安装微信2
    linux mint 安装微信
    linux mint ubuntu 安装virtualbox
    linux mint ubuntu 安装qq
    centos7--web项目使用远程mysql数据库
    centos7---ansible批量部署
    kali破解ssh
    centos7安装配置LVS+keepalived高可用
    centos安装配置mariadb
    centos7安装mysql
  • 原文地址:https://www.cnblogs.com/xgqfrms/p/11064277.html
Copyright © 2011-2022 走看看