javascript - visual - vscode beautiful

VSCode Linter ES6 ES7 Babel linter

Question

¿Cómo usar el código de Visual Studio para eliminar el archivo de JavaScript basado en las reglas Babel / ES7 stage-0?

Solo necesito descifrar el código. Ya tengo un paquete web que transporta el archivo Js.

Answer 1

Cómo procedo:

• instalar globalmente eslint: npm install -g eslint
• instale babel-eslint: npm install --save-dev babel-eslint
• instalar eslint-plugin-react: npm install --save-dev eslint-plugin-react
• crea el archivo .eslintrc en tu directorio raíz. aquí está mi configuración:

{
"env": {
        "browser": true,
        "node": true,
        "es6": true,
        "jest": true,
        "jquery": true
    },
    "parser": "babel-eslint",
    "parserOptions": {
        "ecmaVersion": 6,
        "sourceType": "module",
        "ecmaFeatures": {
            "arrowFunctions": true,
            "binaryLiterals": true,
            "blockBindings": true,
            "classes": true,
            "defaultParams": true,
            "destructuring": true,
            "forOf": true,
            "generators": true,
            "modules": true,
            "objectLiteralComputedProperties": true,
            "objectLiteralDuplicateProperties": true,
            "objectLiteralShorthandMethods": true,
            "objectLiteralShorthandProperties": true,
            "octalLiterals": true,
            "regexUFlag": true,
            "regexYFlag": true,
            "spread": true,
            "superInFunctions": true,
            "templateStrings": true,
            "unicodeCodePointEscapes": true,
            "globalReturn": true,
            "jsx": true,
            "experimentalObjectRestSpread": true
        }
    },
    "plugins": [
        "react"
    ],
    "rules": {
        "strict": 0
    }
}

• En VSC, presione F1 , luego escriba "extensión", seleccione "instalar extensiones" y luego, escriba "eslint" y valide. deberás reiniciar VSC
• En el código VSC, abra los parámetros de usuario ( settings.json ) y escriba:

{
    //disable default javascript validator replaced by eslint
    "javascript.validate.enable" : false 
} 

Ahora, debe limpiar según su código ES7. Si hay algún problema con VSC al leer eslint config, puede verlo en la consola VSC ( Ctrl s Shift U ).

Como resultado, el código ES7 (operador de propagación en objetos por ejemplo) está bien impreso:

PD: puede ser que mi .eslintrc utilice algunos datos extra inútiles para el deshielo ES7 así que siéntete libre de eliminarlo :)