typescript - extension - visual studio formatter

Orientación de ES5 con TypeScript en Visual Studio

Question

Me gustaría utilizar la sintaxis get / set en TypeScript en Visual Studio Express para Web. ¿Cómo habilito esto? Actualmente recibo este error al compilar;

Los descriptores de propiedad solo están disponibles cuando se orienta a ES5 o superior

El archivo que se está compilando tiene una acción de compilación de TypeScriptCompile . No sé cómo agregar el compilador necesario desde Visual Studio.

Cualquier ayuda sería apreciada.

Answer 1

Con Studio 2012, plantilla de proyecto tipo TypeScript, la compilación, en el proyecto csproj, se configura en ES3

ES3

Cámbielo a ES3 a ES5, guárdelo y vuelva a cargar el proyecto.

Answer 2

El modificador para instruir al TSC.EXE para generar código compatible con ES5 es --target ES5 (fíjese en los guiones dobles).

Cada proyecto tiene un archivo llamado [Something] .csproj (proyecto C # en nuestro caso). Abra ese archivo usando el bloc de notas y busque el elemento Target xml. Cambie el comando exec agregando el - --target ES5 .

Antes de:

 <Exec Command="&quot;$(PROGRAMFILES)/Microsoft SDKs/TypeScript/0.8.0.0/tsc&quot; @(TypeScriptCompile ->''&quot;%(fullpath)&quot;'', '' '')" />

Después:

<Exec Command="&quot;$(PROGRAMFILES)/Microsoft SDKs/TypeScript/0.8.0.0/tsc&quot; --target ES5 @(TypeScriptCompile ->''&quot;%(fullpath)&quot;'', '' '')" />

Answer 3

Esto ha cambiado con TypeScript 0.8.2. Ahora cambia TypeScriptTarget en el archivo .csproj desde:

<TypeScriptTarget>ES3</TypeScriptTarget>

a

<TypeScriptTarget>ES5</TypeScriptTarget>

MyApp.csproj :

  <PropertyGroup Condition="''$(Configuration)'' == ''Debug''">
    <TypeScriptTarget>ES5</TypeScriptTarget>
    <TypeScriptIncludeComments>true</TypeScriptIncludeComments>
    <TypeScriptSourceMap>true</TypeScriptSourceMap>
    <TypeScriptModuleKind>AMD</TypeScriptModuleKind>
  </PropertyGroup>

  <PropertyGroup Condition="''$(Configuration)'' == ''Release''">
    <TypeScriptTarget>ES5</TypeScriptTarget>
    <TypeScriptIncludeComments>false</TypeScriptIncludeComments>
    <TypeScriptSourceMap>false</TypeScriptSourceMap>
    <TypeScriptModuleKind>AMD</TypeScriptModuleKind>
  </PropertyGroup>

Véase también la respuesta de Asher Barak

Answer 4

Estoy usando Visual Studio 2013 Update 4 con Web Essentials. Microsoft ha hecho que cambiar la versión dirigida de ECMAScript sea mucho más fácil.

Ahora puede hacer lo siguiente:

1. Haga clic con el botón derecho en el nombre de su proyecto y haga clic en Propiedades.
2. En la ventana Propiedades, seleccione "Build Mecanografiado"
3. Establezca la versión de ECMAScript en "ECMAScript 5".

Creo que ECMAScript 5 es actualmente el predeterminado. En este momento también puede elegir ECMAScript 3 o ECMAScript 6 como objetivos.

Answer 5

Necesita pasar el objetivo ES5 al compilador. La compilación se desencadena utilizando una tarea msbuild en su archivo de proyecto. Su archivo de proyecto probablemente tenga un objetivo "TypeScriptCompile" como el siguiente, simplemente asegúrese de pasar el argumento de destino. Aquí hay un ejemplo:

<Target Name="TypeScriptCompile" BeforeTargets="Build">
   <Message Text="Compiling TypeScript files" />
   <Exec Command="&quot;$(PROGRAMFILES)/Microsoft SDKs/TypeScript/0.8.0.0/tsc&quot; -target ES5 @(TypeScriptCompile ->''&quot;%(fullpath)&quot;'', '' '')" />
</Target>