tutorial - use typescript in html
Compilación de Typescript en guardar con Visual Studio 2013? (9)
No puedo hacer que Compile-on-Save funcione con VS2013. Instalé VS2013, reinstalé TS 0.9.0.1, y en "Herramientas", "Opciones", Typescript / Proyecto / General, he comprobado las dos opciones "Compilar al guardar". Pero cuando agrego un nuevo archivo TS a mi proyecto y luego lo edito y lo guardo, los cambios no se reflejan en el archivo .js asociado.
¿Estoy haciendo algo mal? Alguien más tiene este problema?
¿Ha agregado los archivos de mecanografía usando arrastrar y soltar? Entonces podría ser que la acción de compilación de los archivos tenga un valor incorrecto. Utilice la ventana de propiedades de los archivos (F4 o alt + enter) y verifique la acción de compilación allí ...
Además de los pasos anteriores, si la compilación al guardar aún no está funcionando, marque su proyecto como el proyecto de inicio (en el explorador de soluciones VS 2013, haga clic con el botón derecho, Establecer como proyecto de inicio).
Esta solución fue encontrada en Codeplex por nicholasjgreen y publicada en los comentarios en Compile-on-Save .
Esta característica es un poco más fácil de encontrar usando el siguiente método. (VS2015)
- Ve a Herramientas> Opciones .
- Asegúrate de haber seleccionado "Mostrar todas las configuraciones" . Esta es una casilla de verificación cerca de la parte inferior de la ventana.
- Pon " mecanografiado " en la barra de búsqueda y presiona enter.
- Ahora la lista debe ser filtrada. Navegue a la configuración: editor de texto> Typescript> Proyecto> General .
- Ahora seleccione " Compilar automáticamente archivos de TypeScript que no sean parte del proyecto ". Presiona OK.
Intenta seguir estas instrucciones:
He estado luchando para entender esto también, pero creo que lo tengo ordenado. Creo que parte de la confusión proviene de las diferencias de enfoque entre WebEssentials y la nueva integración de plugins de TypeScript.
Fui uno de los primeros en adoptar TypeScript y utilicé las herramientas de WebEssentials en 2012 para compilar en guardar. Lo configuré para generar archivos .js y .min.js, que se agregaron al proyecto automáticamente.
Al actualizar a VS 2013, estaba buscando la misma funcionalidad a partir del soporte integrado de TypeScript, sin embargo, no existe (hasta donde yo sé).
En cambio, creo que las herramientas integradas en 2013 abarcan los flujos de trabajo de desarrollo y producción.
Las instrucciones anteriores lo configuran para la compilación del tiempo de compilación que debería ocurrir durante el lanzamiento. Durante el desarrollo, la característica "Compilar al guardar" genera los archivos en el disco, pero no los agrega al proyecto.
Entonces me di cuenta de que los archivos generados no necesitan ser parte del proyecto como lo eran antes, y por qué es mejor que la solución WebEssentials (¡sin incluir la falta de ventana de vista previa!).
La compilación de TypeScript 0.9.5 en save dejó de funcionar para mí en un proyecto existente después de que actualicé a Web Essentials 1.85 (14 de febrero). Reinstalé ambos en vano, pero después de verlo funcionar para nuevos proyectos intenté cambiar esta línea en mi csproj, de esto;
<Project ToolsVersion="4.0" />
a
<Project ToolsVersion="12.0"/>
Y mágicamente, compilar en guardar comenzó a funcionar de nuevo.
Para mí, incluso si Compile-on-save funcionaba (Visual Studio 2013), si alguien más intentaba ejecutar el proyecto web, no generaría automáticamente los archivos javascript. En mi proyecto, *.js.map archivos *.js y *.js.map para evitar que IIS no tome la nueva versión cuando *.ts archivos *.ts . Pero estos archivos no están incluidos en el control de origen.
Lo que hice fue que csproj la siguiente línea al final del archivo del proyecto csproj :
<Target Name="AfterBuild">
<Exec Command="tsc.exe --sourcemap _core.ts" WorkingDirectory="$(MSBuildProjectDirectory)/js" />
</Target>
donde _core.ts es un archivo en la carpeta js que, estoy seguro, hace referencia a todos los archivos directa o indirectamente a través de los encabezados al principio.
/// <reference path="_dependent.ts" />
...
para que tsc.exe procese todos los archivos dependientes.
Resolví este problema agregando la función al final del archivo de Typescript. No funcionó cuando se escribió la ''nueva'' función en la parte superior de la página (antes de las otras funciones), pero cuando lo agregué debajo de la última función funcionó. ¡Solo tomó tres horas!
Tuve la siguiente situación: el proyecto se creó utilizando vs2012 y una versión anterior de mecanografiado. Actualicé a VS2013 y la última versión de mecanografiado (0.9.1.1) y las secuencias de comandos no se compilaron en guardar.
Luego excluí el archivo mecanografiado de mi proyecto y lo agregué nuevamente usando Agregar archivo existente. ¡Después de eso, el archivo mecanografiado compila bien en guardar!
This solucionó el problema:
- Vaya a Opciones en el menú Herramientas.
- Expandir opciones para el Editor de texto
- Expandir opciones para TypeScript
- Expandir opciones para el Proyecto
- Marque "Compilar automáticamente el archivo de TypeScript que no es parte del proyecto"