typescript - para - Ocultar archivos.js.map en Visual Studio Code

visual studio code javascript

Question

Estoy trabajando en un proyecto mecanografiado en código de Visual Studio y me gustaría ocultar los .js.map (y tal vez incluso los archivos .js ) para que no aparezcan en el explorador de archivos.

¿Es posible mostrar solo los archivos .ts en el explorador de archivos?

Answer 1

En VS Code, vaya a Código (o Archivo para usuarios de Windows)> Preferencias> Configuración del espacio de trabajo y agregue este fragmento de código:

{
"files.exclude": {
"**/*.js": {"when": "$(basename).ts"},
"**/*.map": {"when": "$(basename).map"}
}
}

Answer 2

Agregue estas configuraciones a su settings.json en su carpeta .vscode

// Place your settings in this file to overwrite default and user settings.
{
"files.exclude" :{
"**/.git":true,
"**/.DS_Store":true,
"**/*.map":true,
"**/app/**/*.js":true
}
}

Si settings.json no está disponible, haga clic en Archivo ---> Preferencias -> Configuración del espacio de trabajo.

Answer 3

Agregue las siguientes líneas en el panel "Configuración de usuario" para anular "Configuración predeterminada". Puede ocultar archivos {basename} .js y {basename} .js.map cuando crea un archivo como {basename} .ts.

"files.exclude": {
"**/*.js": {
"when": "$(basename).ts"
},
"**/*.js.map": {
"when": "$(basename)"
}
}

Answer 4

Cuando trabaja con TypeScript, a menudo no desea ver los archivos JavaScript generados en el explorador o en los resultados de búsqueda. VS Code ofrece capacidades de filtrado con una configuración files.exclude ( Archivo> Preferencias> Configuración del espacio de trabajo ) y puede crear fácilmente una expresión para ocultar esos archivos derivados:

"**/*.js": { "when": "$(basename).ts"}

Del mismo modo, oculte los archivos .map generados por:

 "**/*.js.map": { "when": "$(basename)"}

Entonces tendrá una configuración como en:

settings.json

// Place your settings in this file to overwrite default and user settings.
{
"files.exclude": {
"**/*.js": { "when": "$(basename).ts"},
"**/*.js.map": { "when": "$(basename)"}
}
}

Enlace: code.visualstudio.com/docs/languages/…

Answer 5

Del code.visualstudio.com/docs/languages/… :

para excluir archivos JavaScript generados a partir de archivos fuente .ts y .tsx, use esta expresión:

"**/*.js": { "when": "$(basename).ts" },
"**/**.js": { "when": "$(basename).tsx" }

Esto es un poco un truco. El patrón de búsqueda global se usa como clave. La configuración anterior utiliza dos patrones globales diferentes para proporcionar dos claves únicas, pero la búsqueda aún coincidirá con los mismos archivos.

ACTUALIZACIÓN 10/3/2017: con este truco tenemos un problema con "buscar en la carpeta". Por favor vea el issue

Answer 6

En su configuración (usuario o espacio de trabajo) hay una configuración que puede ajustar para ocultar cualquier cosa que desee:

{
"files.exclude": {
"**/.git": true,
"**/.DS_Store": true
}
}

Por lo tanto, puede agregar lo siguiente para ocultar archivos .js y .js.map

"**/*.js": true,
"**/*.js.map": true

Como explica esta otra respuesta , la mayoría de las personas probablemente solo quieren ocultar archivos .js cuando hay un archivo .ts coincidente.

Entonces, en lugar de hacer:

"**/*.js": true

es posible que desee hacer:

"**/*.js": {"when": "$(basename).ts"}

Answer 7

Encontré esto, si tiene archivos JS estándar, estos también estarán ocultos, lo que puede no ser siempre lo que desea. Quizás esto sea mejor ya que solo oculta los archivos JS que coinciden con los archivos TS ...

{
"files.exclude": {
"**/.git": true,
"**/.DS_Store": true,
"**/*.js.map": true,
"**/*.js": {"when": "$(basename).ts"}
}
}

Answer 8

John Papa Twitter LINK dice usar lo siguiente:

"files.exclude": {
"**/.git": true,
"**/.DS_Store": true,
"**/*.js" : {
"when": "$(basename).ts"
},
"**/*.js.map": {
"when": "$(basename)"
}
}

Answer 9

Quizás sea mejor ocultar los archivos .map y .js cuando coinciden con su archivo .ts correspondiente.
Puede hacerlo copiando las siguientes líneas en la Configuración de usuario de VS (Preferencias> Configuración de usuario):

// Workspace settings
"files.exclude": {
"**/*.js": {"when": "$(basename).ts"},
"**/*.map": true
}

Answer 10

Realmente no sé cómo se implementa, pero para ocultar archivos .js funciona:

"**/*.js": {"when": "$(basename).ts"}

Para ocultar archivos .js.map funciona:

"**/*.js.map": {"when": "$(basename)"}

Answer 11

1. Entes en preferencias> configuración

2. Haga clic en "Editar en settings.json" (está en la parte inferior de la imagen)

3. Actualice el objeto json como puede ver en la imagen. Luego guarda tus cambios Ctrl + S y eso es todo.

"files.exclude": {
"**/*.js": {"when": "$(basename).ts"}
}

] 3