Est-il un moyen de tourner sur ES6/ES7 en charge de la syntaxe dans vscode?

Edit 3: à Partir de la version 0.4.0, ES6 syntaxe peut être activée par l'ajout d'un jsconfig.json fichier dans le dossier du projet avec le contenu suivant:

{
    "compilerOptions": {
        "target": "ES6"
    }
}

Edit 2: Vous pouvez vote pour cette fonctionnalité de voix utilisateur

Est-il un moyen de "s'activer" ES6/ES7 dans le Code de Visual Studio?

Est-il un moyen de tourner sur ES6/ES7 en charge de la syntaxe dans vscode?

Edit 1

Essayé @sarvesh la suggestion de - l'emportent sur les javascript.validate.target et redémarré vscode. N'a pas aidé.

  • Auriez-vous l'esprit de le mettre comme une réponse plutôt qu'une modification sur votre question?
InformationsquelleAutor Jeremy Danyow | 2015-04-29
  1. 29

    Actuellement, la seule façon d'utiliser ES6 et ES7 caractéristiques est d'utiliser Tapuscrit.

    D'autre part, ici vous pouvez voir qu'il y a une demande de fonctionnalité pour l'ES6 et ES7

    • Mise à jour: il Semble ES6 sera disponible à partir de juillet 2015 - visualstudio.uservoice.com/forums/293070-visual-studio-code/...
    • La mise à jour est disponible: code.visualstudio.com/Updates
    • Il semble assez bonne. Il y a encore du travail à faire en général.
    • J'utilise la dernière version 0.8.0 je vois encore l'erreur de coloration pour la grosse flèche fonctions... pourquoi?
    • vous devez indiquer les fichiers de tableau et que vous voulez écrire avec es6, consultez le lien: code.visualstudio.com/Docs/languages/javascript
    • vous voulez dire que l'approche avec jsconfig.json? Bon je n'ai pas essayer mais je pense que cela fonctionne si je l'activer à l'échelle mondiale. Je ne veux pas dire VSCode fichier par fichier que je veux utiliser l'ES6.
    • Ouais, je n'ai pas trouvé un moyen pour activer globalement encore, laissez-moi savoir si vous trouvez quelque chose de mieux.
    • Aussi, il n'y a pas un moyen de l'activer pour tous les fichiers à l'intérieur d'un dossier. Ex: es6/*.* Vous devez spécifier un fichier par fichier. Vraiment ennuyeux.
    • Est-il un lieu de voter pour ES7 seulement? C'est vraiment frustrant de ne pas pouvoir l'utiliser au travail, car il ne prend pas en charge async

    InformationsquelleAutor praetoriaen
  2. 53

    C'est assez facile, à la racine de votre projet de création d'un jsconfig.fichier json et d'écrire cet objet en elle:

    {
    "compilerOptions": {
        "target": "ES6",
        "module": "commonjs"
    }
}

    InformationsquelleAutor Oliv
  3. 31

    Ce lien a beaucoup aidé. L'ajout de la jsconfig.fichier json à la le projet n'a pas beaucoup d'aide, ou plutôt ce n'est pas la meilleure solution. Aller dans "fichier" > préférences > paramètres. Dans les paramètres.fichier json ajouter cette ligne:

    JS:

    "jshint.options": { "esversion": 6 }

    InformationsquelleAutor achola
  4. 4

    Ajoutant les réponses ci-dessus...

    Comme par Docs de VS Code..

    Assurez-vous que vous placez le jsconfig.json à la racine de l'option JavaScript de votre projet et pas seulement à la racine de votre espace de travail. Ci-dessous est un jsconfig.fichier json qui définit le JavaScript cible pour l'ES6 et de l'exclure de l'attribut exclut le dossier node_modules.

    {
    "compilerOptions": {
        "target": "ES6"
    },
    "exclude": [
        "node_modules"
    ]
}

    Voici un exemple explicite de fichiers attribut.

    {
    "compilerOptions": {
        "target": "ES6"
    },
    "files": [
        "src/app.js"
    ]
}

    Les fichiers d'attribut ne peut pas être utilisé en conjonction avec l'exclure de l'attribut. Si les deux sont spécifiés, les fichiers attribut prend la priorité.

    également essayer de modifier le "cible" de la propriété dans le tsconfig.json

    {
  "compilerOptions": {
    "target": "es5",//es6
    "module": "system",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  },
  "exclude": [
    "node_modules",
    "typings/main",
    "typings/main.d.ts"
  ]
}
    • Qu'est-ce que cela signifie: "à la racine de votre projet JavaScript et pas seulement à la racine de votre espace de travail"?
    • Pourquoi ne peut-vs code juste ramasser .babelrc etc? Pourquoi toutes les copies de config? grumbl
    InformationsquelleAutor Ignatius Andrew
  5. 1

    Sinon, vous pouvez utiliser ESLint pour mettre en surbrillance ES7 erreur (à l'aide de babel de l'analyseur ou autres): VSCode Linter ES6 ES7 Babel linter

    InformationsquelleAutor Damien Leroux
  6. 0

    Alternativement, vous pouvez utiliser le Flux de la place de la Machine, ce qui est beaucoup plus facile à configurer et à migrer. J'ai écrit un petit article sur configuration de l'Écoulement avec VS Code.

    InformationsquelleAutor Petr Peller
  7. 0

    À compter de cette date et selon les ESLint docs sur le VSCode Marché, y compris un .eslintrc fichier de configuration à la racine du projet permet l'ES6 peluchage dans le ESLint VSCode extension.

    Mon .eslintrc fichier de configuration ressemble à ceci:

    extends:
  - standard
parser: babel-eslint
rules:
  object-curly-spacing: [ error, always ]
  react/prop-types: off
  space-before-function-paren: off

    J'ai eslint installé via npm dans node_modules et tout ce que je sais, c'est qu'avec .eslintrc dans le dossier racine du projet ES6 peluchage œuvres et, sans elle, il ne l'est pas.

    Espère que cela aide...

    InformationsquelleAutor VanAlbert
  8. 0

    Si vous ne souhaitez pas enregistrer votre projet comme espace de travail, puis il suffit de créer un .vscode répertoire dans votre dossier racine du projet et de créer un settings.json fichier.

    {
    "settings": {
        "jshint.options": {"esversion": 6}
    }
}

    Ajoutez le au-dessus de json, redémarrez VSCode et vous êtes bon pour aller!

    InformationsquelleAutor Saleh Mahmood