visual-studio-2015 - visual - vscode babel
Compatibilidad con ES6/ES7 en la comunidad de Visual Studio 2015 (5)
Estoy escuchando que VS 2015 está apoyando la nueva sintaxis de js pero cuando abro un proyecto escrito usando aurelia.js en este IDE intellisense se queja de muchas cosas, por ejemplo.
export class UpperValueConverter {
toView(value){
return value && value.toUpperCase();
}
}
Tengo el WebEssentials 2015 instalado. Todavía nada parece funcionar ... Probablemente una información importante es que mi instalación VS actual es nueva, así que no estropeé ninguna configuración.
Estaba teniendo este problema en archivos .jsx, visual studio 2015 usaba el plugin react-tools para analizar y resaltar los errores de sintaxis.
No puedo encontrar la pregunta que obtuve a partir de ahora, pero alguien me dijo que cambiara una línea en el siguiente archivo:
C:/Program Files (x86)/Microsoft Visual Studio 14.0/Common7/IDE/Extensions/Microsoft/Web Tools/External/react-server/server.js
Cambiar la siguiente línea:
var transformed = reactTools.transformWithDetails(code, { elementMap: true });
A:
var transformed = reactTools.transformWithDetails(code,
{ elementMap: true,
es6module: "--es6module",
harmony: "--harmony",
nonStrictEs6module: "--non-strict-es6module" });
nonStrictEs6module la opción nonStrictEs6module , y ahora no me advierte sobre la mayoría de las cosas, excepto las funciones de flechas directamente asignadas:
Sería bueno si pudiéramos cambiar la transformación de react-tools por un transformador babel stage-1 , mira mi respuesta here :-)
Javascript es un lenguaje. ES6 es una versión de Javascript. Microsoft no ha proporcionado un archivo de mapeo intellisense para ello. Las sugerencias en esta publicación sugieren el uso de marcos de JavaScript / API que proporcionan archivos de mapeo intellisense. Estas sugerencias no responden a la pregunta sobre cómo dejar de recibir errores intellisense para las nuevas versiones de Javascript. A menos que alguien cree ese archivo de mapeo y nos proporcione una URL para referenciarlo desde Visual Studio / tools / Javascript / Intellisence / references, obtendrá errores de sintaxis al escribir directamente ES6 Javascript.
Lo mejor que puedo sugerir es el
WebCompiler . Es la manera más fácil y bella de escribir ES6 o LESS o TypeScript, etc.
La forma más fácil y poderosa de compilar archivos LESS, Scss, JSX y CoffeeScript directamente en Visual Studio o a través de MSBuild.
Para usar la nueva sintaxis ES6 / ES7, debe usar un transpiler . Tiene tres opciones Traceur, Babel o TypeScript . Estos transpilarán la nueva sintaxis a la sintaxis actual de ES5 compatible con los navegadores actuales. Aurelia tiene un buen soporte para Babel o TypeScript.
Visual Studio 2015 incluye TypeScript 1.5. Por lo tanto, debe crear un archivo TypeScript (.ts) en lugar de un archivo Javascript (.js). TypeScript transportará esto a un archivo ES5 .js. El archivo .js es el que se ejecuta en el navegador.
Cuando abre un archivo Javascript en Visual Studio lo manejará como un archivo ES5 Javascript y no como un archivo JavaScript ES6 / ES7, por lo que si desea usar Babel, obtendrá errores de sintaxis en el editor.
