Edição 3: a partir da versão 0.4.0, a sintaxe ES6 pode ser ativada adicionando um jsconfig.json
arquivo à pasta do projeto com o seguinte conteúdo:
{
"compilerOptions": {
"target": "ES6"
}
}
Edição 2: você pode votar neste recurso na voz do usuário
Existe uma maneira de "ativar" o ES6 / ES7 no Visual Studio Code?
Editar 1
Tentei a sugestão de @sarvesh - substituiu javascript.validate.target
e reiniciou o vscode. Não ajudou.
visual-studio-code
Jeremy Danyow
fonte
fonte
Respostas:
Atualmente, a única maneira de usar os recursos ES6 e ES7 é usar o Typescript .
Por outro lado, aqui você pode ver que há uma solicitação de recurso para ES6 e ES7
fonte
0.8.0
. Ainda vejo erro de coloração para funções de setas grandes ... por quê?jsconfig.json
? Bem, eu não tentei isso, mas espero que funcione se eu ativá-lo globalmente. Não quero dizer ao VSCode arquivo por arquivo que desejo usar o ES6.É muito fácil, na raiz do seu projeto, crie um arquivo jsconfig.json e escreva este objeto nele:
fonte
"experimentalDecorators": true
para decoradores es7"module": "es2015"
.Este link ajudou muito. Adicionar o arquivo jsconfig.json ao projeto não ajudou muito, ou melhor, não é a melhor solução. Vá para arquivo> preferências> configurações. No arquivo settings.json, adicione esta linha:
fonte
Somando as respostas acima ...
Conforme Docs of VS Code ..
Certifique-se de colocar o jsconfig.json na raiz do seu projeto JavaScript e não apenas na raiz do seu espaço de trabalho. Abaixo está um arquivo jsconfig.json que define o destino do JavaScript como ES6 e o atributo exclude exclui a pasta node_modules.
Aqui está um exemplo com um atributo de arquivos explícito.
O atributo files não pode ser usado em conjunto com o atributo exclude. Se ambos forem especificados, o atributo de arquivos terá precedência.
também tente editar a propriedade "target" em tsconfig.json
fonte
.babelrc
etc? Por que toda a configuração duplicada? resmungoCaso contrário, você pode usar ESLint para destacar o erro ES7 (usando analisador babel ou outros): VSCode Linter ES6 ES7 Babel linter
fonte
Como alternativa, você pode usar Flow em vez de Typescript, que é muito mais fácil de configurar e migrar. Escrevi um pequeno artigo sobre como configurar o Flow com VS Code .
fonte
A partir desta data e de acordo com a ESLint documentos no VSCode Marketplace, incluir um arquivo de configuração .eslintrc na raiz do projeto permite o ES6 linting na extensão ESLint VSCode.
Meu arquivo de configuração .eslintrc se parece com este:
Eu instalei o eslint via npm em node_modules e tudo que sei é que com .eslintrc na pasta raiz do projeto ES6 linting funciona e sem ele, não funciona.
Espero que isto ajude...
fonte