update - ¿Qué versión de TypeScript está usando Visual Studio Code? ¿Cómo actualizarlo?

visual studio code typescript auto compile (7)

Aunque no pude encontrar el archivo tsserver.js cuando utilicé Spotlight en mi Mac, intenté nuevamente usar mdfind, y encontré que su ubicación era "/ usr / local / lib / node_modules / typescript / lib /"

Así que usé esa ruta al editar la configuración de mi área de trabajo en settings.json

Ahora estoy usando mi versión más reciente de TypeScript, y VSCode me dice que estoy usando mi versión más reciente.

¿Cómo puedo saber qué versión de TypeScript se está utilizando en Visual Studio Code? En particular, había estado usando TypeScript 1.8.10 y VSCode 1.4.0. Primero actualicé VSCode a la última versión, que era 1.5.3. Pero comprobando desde la línea de comandos, vi que mi versión de TypeScript todavía era 1.8.10. Así que actualicé TypeScript desde la línea de comandos, y ahora es 2.0.3.

¿Hay alguna manera de saber con certeza si Visual Studio Code está utilizando la versión 2.0.3?

¿Existe algún método para actualizar Visual Studio Code que actualice automáticamente TypeScript a la última versión lanzada, o la actualización de TypeScript se debe realizar de forma independiente?

Debería ver un número de versión en la barra inferior:

Si hace clic en el número (2.4.0 arriba) se le presentará una opción para elegir la versión que desea utilizar:

Si no ve la versión que desea, significa que probablemente no esté instalada y que tenga que instalarla.

npm install -g [email protected]

Reemplace 2.7.2 con la versión que desea instalar.

Desde https://code.visualstudio.com/docs/languages/typescript#_using-newer-typescript-versions :

VS Code se entrega con una versión estable reciente de TypeScript.

Esto significa que no hay forma de actualizar automáticamente la versión TypeScript utilizada por VS Code. Sin embargo, puede anular la versión de TypeScript que utiliza VS Code modificando la configuración del usuario o la configuración del espacio de trabajo.

¿Qué versión de TS usa VS Code?

Cuando abre un archivo TypeScript, VS Code debería mostrar la versión TypeScript en la barra de estado en la parte inferior derecha de la pantalla:

Cambiar la versión global de TypeScript

Instale la versión de TypeScript deseada globalmente, por ejemplo npm install -g [email protected]
Abrir configuración de usuario de código VS ( F1 > Open User Settings )
Actualice / inserte "typescript.tsdk": "{your_global_npm_path}/typescript/lib" puede encontrar {your_global_npm_path} escribiendo npm root -g

Ahora todos los proyectos que abra con VS Code utilizarán esta versión de TypeScript, a menos que, por supuesto, haya una configuración de espacio de trabajo que anule esto.

Cambiar la versión local de TypeScript

Abra el proyecto en VS Code
Instale la versión deseada de TypeScript localmente, por ejemplo npm install --save-dev [email protected]

--save-dev actualizará el package.json su proyecto, agregando la versión de TypeScript que instaló como devDependency .
Abrir la configuración del espacio de trabajo del código VS ( F1 > Open Workspace Settings )
Actualizar / Insertar "typescript.tsdk": "./node_modules/typescript/lib"

Ahora solo el proyecto en el que instaló esta versión de TypeScript utilizará esa versión de TypeScript, VS Code ignorará la instalación global en este proyecto.
Después de agregar la entrada typescript.tsdk , también es necesario usar la interfaz de usuario del código VS para seleccionar la nueva versión:
- Haga clic en la versión que se muestra en el pie de página de VS Code:
- Selecciónelo en la interfaz de usuario:
Consulte Uso de la versión del espacio de trabajo de TypeScript.

Consulte también Mejorar la documentación de typescript.tsdk para aclarar el uso del espacio de trabajo.

El paquete de mecanografía tiene un compilador y un servicio de idiomas. VScode viene con un servicio de lenguaje mecanografiado, no con el compilador. Puede ver el servicio de idiomas en la parte inferior derecha, como muestran las otras respuestas, pero no puede ver qué versión del compilador se ha utilizado.

Puede tener diferentes versiones para el compilador y el servicio de idiomas.

He tenido un problema similar y ahora logré tener una versión actualizada de TypeScript modificando las variables de entorno en mi sistema. En mi caso, necesitamos una versión TypeScript superior a 2. Pero solo pude usar la versión 1.8.3. Lo primero es que fui a las variables de entorno de mi sistema y verifiqué la variable de ruta. Allí encontré una referencia a TypeScript versión 1.8.3.

C: / Archivos de programa (x86) / SDK de Microsoft / TypeScript / 1.8.3 /

Cuando revisé el directorio principal, esta también era la versión más alta instalada en ese directorio. Al instalar globalmente la última versión, habría pensado que también vería esto aquí, pero no está allí. La versión que ves aquí es la que se instaló con Visual Studio (no el código de Visual Studio).

Así que fui a Visual Studio y actualicé la biblioteca TypeScript a la última versión a través de Opciones> Extensiones y actualizaciones. Allí busqué la última versión de TypeScript y la instalé.

Esto hizo que una nueva versión estuviera disponible en el directorio principal mencionado anteriormente. Luego cambié la variable de ruta a:

C: / Archivos de programa (x86) / SDK de Microsoft / TypeScript / 2.2 /

Cuando abro VS Code y escribo tsc -v, veo que estoy usando la última versión. Ya no hay ningún mensaje que no coincida, etc. Espero que esto los ayude un poco.

Visual Studio Code viene con su propia versión estable de TypeScript, pero puede cambiar a una versión más nueva como se describe en sus https://code.visualstudio.com/docs/languages/typescript#_using-newer-typescript-versions

VS Code se entrega con una versión estable reciente de TypeScript. Si desea utilizar una versión más reciente de TypeScript, puede definir la configuración de typescript.tsdk ( Archivo > Preferencias > Configuración de usuario / área de trabajo ) apuntando a un directorio que contiene el archivo TypeScript tsserver.js .
...
Por ejemplo:

{ "typescript.tsdk": "node_modules/typescript/lib" }

¿Hay alguna manera de saber con certeza si Visual Studio Code está utilizando la versión 2.0.3?

Abra un archivo TypeScript en Visual Studio Code y en la parte inferior derecha verá la versión de TypeScript que está utilizando:

La forma en que lo he estado haciendo es decirle explícitamente a Visual Studio Code la carpeta donde está instalado su módulo npm TypeScript. Estoy en Windows, así que después de ejecutar el comando npm para instalar TypeScript ( npm install -g typescript ) lo instalará en esta carpeta:

C:/Users/username/AppData/Roaming/npm/node_modules/typescript/

Por lo tanto, debe indicarle a Visual Studio Code que use la carpeta lib de su instalación de TypeScript npm. Haces esto por:

Abra la configuración del Código VS (Archivo -> Preferencias -> Configuración)
Busque la configuración de typescript.tsdk
Encuentre dónde npm instaló TypeScript con: npm list -g typescript . En mi caso, devolvió C:/Users/username/AppData/Roaming/npm
Reemplace el valor de la configuración typescript.tsdk en: C://Users//username//AppData//Roaming//npm//node_modules//typescript//lib Tenga en cuenta el uso de barras diagonales dobles para tener una cadena con escape correcto barras hacia atrás.
Confirme que VS Code está utilizando la versión npm de TypeScript para intellisense abriendo un archivo TypeScript, haciendo clic en el número de versión de TypeScript en la parte inferior derecha y viendo en la ventana de tareas que VS Code está cargando TypeScript desde el directorio especificado en el paso 4:

Confirme que VS Code está utilizando la versión correcta de TypeScript para compilar yendo a esta carpeta y cambiando el nombre del archivo:

C: / Users / username / AppData / Roaming / npm / tsc.cmd (a algo como tsc1.cmd)

Ahora intente compilar en VS Code (Tareas -> Ejecutar tareas -> tsc: build - tsconfig.json) y debería recibir este mensaje de error en la ventana de terminal de VS Code:

''tsc'' is not recognized as an internal or external command, operable program or batch file. The terminal process terminated with exit code: 1

Cambie el archivo nuevamente a tsc.cmd y ahora debería poder compilar y tener Intellisense en VS Code para el paquete de nodo TypeScript instalado globalmente