vscode visual studio run linter configurar code beautiful javascript babeljs visual-studio-code eslint ecmascript-7

javascript - visual - vscode beautiful



VSCode Linter ES6 ES7 Babel linter (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 :)

¿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.