¡No pierdas tu tiempo! Necesitas esta configuración para VSCode
Summary
TLDRThe video script discusses updates in Visual Studio Code, particularly focusing on the version 1.910 release. It highlights a new experimental feature, the SCM (Source Control Management) history graph, which was previously only available through extensions like Git Graph. The presenter also mentions the decline of Git Graph due to lack of updates and speculates on the reasons behind its integration into VS Code. Additionally, the script covers customizable tab labels for better file identification and grouping, a feature that enhances the user experience, especially for complex projects. The presenter compares the development pace of VS Code with other editors like Sublime Text and anticipates future developments in the coding editor landscape.
Takeaways
- 🌟 Visual Studio Code has released version 1.910 with new features, including an experimental Git history graph.
- 🔍 The Git history graph was previously available only through extensions like Git Graph, which is still recommended for its advanced features.
- 📈 The new Git history graph in VS Code allows users to see changes in a visual format, enhancing the user experience.
- 🔧 Users can enable or disable the experimental Git history graph feature based on their preference.
- 📚 Git Graph, a popular extension with 8 million installations, has not been updated for three years, prompting its integration into VS Code.
- 🎨 Custom tab labels in VS Code have been enhanced, allowing for more flexibility in displaying file information.
- 📁 Users can now customize the display of file names and extensions in the workbench editor, adding tags or even emojis.
- 🖌️ Custom levels patterns allow for more detailed customization of how file paths are displayed in the editor.
- 📚 The ability to group custom tab labels has been added, providing more information and better organization of files.
- 📈 Negative indices are now supported in custom labels, offering more control over what is displayed in the file tabs.
- 🚀 Sublime Text, another popular code editor, has been slower in updates compared to VS Code, with its last major update being in August 2023.
Q & A
What is the latest update in Visual Studio Code?
-The latest update in Visual Studio Code is version 1.910, which includes new features such as an experimental SCM (Source Control Management) history graph for Git.
What is the SCM history graph in Visual Studio Code and why is it significant?
-The SCM history graph is a feature that visualizes the changes in Git repositories. It was previously available only through extensions like Git Graph, but now it's being integrated into Visual Studio Code, making it more accessible and potentially replacing the need for separate extensions.
Is the SCM history graph feature fully functional or still in experimental phase?
-The SCM history graph is still in the experimental phase, which means it might not be fully stable or feature-complete.
What is Git Graph and why was it popular?
-Git Graph is a popular extension for Visual Studio Code that provides a visual representation of Git repositories. It was widely used due to its ability to display commit history and branches in a graphical format, making it easier to understand the project's history.
Why might Visual Studio Code be integrating the SCM history graph instead of relying on Git Graph?
-Visual Studio Code might be integrating the SCM history graph to provide a more integrated and seamless experience for users, potentially eliminating the need for third-party extensions like Git Graph, which has not been updated for a long time.
What is the status of Git Graph in terms of updates and popularity?
-Git Graph has not been updated for over three years and has a significant user base with 8 million installations, making it one of the most installed extensions in Visual Studio Code.
Can users still use Git Graph if they prefer it over the new SCM history graph?
-Yes, users can continue using Git Graph if they prefer it. The new SCM history graph is optional and users can choose to activate or deactivate it based on their preference.
What is the 'velada del año' project mentioned in the script?
-The 'velada del año' project is a web project mentioned in the script, but the specific details about the project are not provided in the transcript.
What is the new feature in Visual Studio Code that allows customizing tab labels?
-The new feature allows users to customize the labels on tabs in the workbench editor. Users can define custom patterns and labels to better organize and identify files in the editor.
How can users customize the tab labels in Visual Studio Code?
-Users can customize tab labels by setting 'workbench.editor.labelCustomization' in the settings. They can define patterns to match specific file paths and set custom labels, such as file names, extensions, or even emojis.
What is the significance of the ability to group custom tab labels?
-Grouping custom tab labels provides more flexibility and organization in the editor. It allows users to categorize and access files more efficiently, especially in large projects with many files.
Outlines
🌐 New Features in Visual Studio Code
The speaker discusses updates in Visual Studio Code, particularly the version 1.910 release. They highlight the new experimental feature for showing the Git history graph, which was previously only available through extensions like Git Graph. The speaker notes that while Git Graph is more powerful, the built-in feature is a welcome addition, especially considering Git Graph hasn't been updated in three years. They also mention that this feature is optional and users can choose to use it or not. The speaker compares this to other editors like WebStorm and emphasizes that having a feature in another editor doesn't diminish its value in Visual Studio Code. Additionally, they talk about customizing tab labels in the workspace to better organize and identify files based on their folder structure.
📚 Customizing Workspace and File Identification in Visual Studio Code
The speaker continues to explore Visual Studio Code's customization options, focusing on how to better identify and organize files within the workspace. They demonstrate how to add custom labels to tabs, such as showing the directory name or using custom patterns to display file names and extensions. The speaker also discusses the flexibility in defining these labels, including the ability to use negative indices to exclude parts of the file name. They provide examples of how this can be used to enhance the visibility of file types, such as marking files within the 'types' folder or those related to the API. The speaker concludes by noting the value of these customizations in large projects, such as those using Next.js or Astro, and compares the development pace of Sublime Text with Visual Studio Code, highlighting the latter's more active community and extension ecosystem.
Mindmap
Keywords
💡Visual Studio Code
💡Git
💡Git Graph
💡Experimental Features
💡Extensions
💡SCM (Source Control Management)
💡Custom Tab Labels
💡File Organization
💡Web Development
💡Version Control
💡Editor Customization
Highlights
Visual Studio Code has released version 1.910 with new features.
A new experimental feature is the Git history graph, which was previously only available through an extension.
The Git history graph can be activated with the 'scm experimental show history Graph' setting.
The Git Graph extension is still recommended for more powerful features, despite the new built-in feature.
Git Graph has not been updated for three years, which might be the reason for its integration into Visual Studio Code.
Git Graph is one of the most installed extensions in Visual Studio Code with 8 million installations.
Users can choose to continue using Git Graph or try the new built-in feature.
The new feature allows users to see both the Git history graph and the files side by side.
WebStorm has had similar features for years, indicating that new features in Visual Studio Code are not always groundbreaking.
GitKraken is a free application for open-source projects and has its own Visual Studio Code extension.
GitKraken is praised for its aesthetics and functionality, but some users prefer other tools like Fork.
Custom tab labels can now be more flexible, allowing for negative indices and more patterns.
Users can now group custom tab labels for better organization.
The new custom levels allow for more detailed and specific labeling of files in the workspace.
Sublime Text is mentioned as a fast editor but with a slower evolution compared to Visual Studio Code.
Sublime Text's updates have been infrequent, with a significant gap between version 3 and 4.
Sublime Text requires a paid license, which might affect its adoption compared to free alternatives.
Z is highlighted as the next editor to watch, suggesting it might become a significant competitor.
Transcripts
tenemos novedades de visual Studio code
que estoy intentando entrar en la página
de la velada del año y el proyecto que
tengo es la velada del ano
web Ay Dios ha salido la versión
1.910 y entre las cositas nuevas que hay
hay un par de cosas que llaman bastante
la atención que te voy a comentar porque
tienes que activar o probar y una es
esta gráfica de los cambios en git
fijaos que ahora podéis activar está en
experimental todavía pero esto
Normalmente se hacía con una extensión y
ahora tenéis la oportunidad de activar
este scm experimental show history Graph
podéis verlo aquí lo
con una extensión por ejemplo una
extensión que se utilizaba que podéis
seguir utilizando si no os convence como
está hecho es git Graph lo que pasa es
que git Graph todavía está mejor git
graf es como más potente y fijaos que
teníamos como un montón de cosas veis
aquí que salen las gráficas las líneas y
tal git graft todavía hace más cosas Yo
creo que pronto para eliminarla lo que
pasa es que no se actualizaba fijaos que
el último comit es de hace 3 años de
hecho yo creo que esta es la razón por
lo que la gente de visual Studio code lo
han añadido en el editor porque fijaos
que es que git graft tiene 8 millones de
instalaciones es una de las extensiones
más instaladas de visual Studio code y
el hecho de que esté abandonada pues es
una pena porque era tremenda la podéis
seguir utilizando de hecho eh No hay
ningún tipo de problema o al contrario
los han contratado Ojalá no lo creo pero
ojalá Igualmente es opcional eh que veo
aquí Alexito dice no me gusta bueno no
pasa nada si no te gusta no te preocupes
porque lo puedes echar para atrás lo
puedes activar o Desactivar Habrá gente
que sí que le guste esta forma de ver
los cambios está bastante bien Esto no
significa que dejéis de ver los archivos
eh importante los archivos los seguís
viendo esto es que podéis ver la Gráfica
con los cambios pero también veis los
archivos eh están justamente al lado Así
que nada ahora bien hay gente que se
ponía Pero esto lo tiene git graf lo
puse el otro día aquí aquí lo puse no
los que usamos webstorm ya esto existía
en el sst hace años qué paciencia hay
que tener paciencia y qué más da y qué
más da Es que es que es como es como
vamos a ver vamos a ver que algo ya
exista en otro sitio no significa que no
sea un buen añadido porque hay gente que
a lo mejor no qui utilizar sst Además
vamos a ver sst es una aplicación
separada al editor es que no tiene
sentido compararlo no tiene sentido
compararlo poco vinagre eh hace enojar
nada no me enojo Pero me sorprende la
verdad me sorprende el hecho de decir No
es que esto ya estaba Y tal dices Bueno
ya estaba ahí pero no estaba aquí por lo
tanto pues ya está no git kracken
también está super bien git kracken que
es una aplicación que gratuita para
proyectos de código abierto si no me
equivoco y es muy bonita y sí ya estaba
en G Kraken pero a lo mejor no quieres
instalar ge Kraken y quieres tenerlo
todo en el mismo editor Bueno pues ya
está bien De hecho G Kraken también
tiene una extensión de visual Studio
code está muy chula G Kraken me gusta me
gusta pero mira a m sst por ejemplo no
toco ni con un palo no me gusta nada
ssti Y mira que lo usé en su día pero me
gustan más otras alternativas me gusta
más fork y mira que es de pago fork pues
me gusta más entonces no entiendo estas
cosas No seáis vinagres hombre si algo
nuevo aparece pues pues vamos a
disfrutarlo ya está otra cosa nueva que
hay no es nueva pero os voy a os voy a
contar una cosa Mirad fijaos en el
proyecto de la velada en el proyecto de
la velada cuando abrimos un archivo por
ejemplo en pages vamos a abrir el 404
qué ha pasado aquí Qué pasa aquí habéis
visto esto de pages Por qué no aparece
aquí en components vale veis que aquí
solo aparece el nombre cómo he hecho Que
aparezca ahí pages o lo que yo quiera
bueno Esto no es una cosa que sea nueva
pero es verdad que el otro día hab un
tweet de la gente de bersel que lo
explicaban y me pareció bastante bonito
y os lo voy a enseñar Mirad aquí a ver
si lo encuentro pages aquí vale esta
opción la podéis Añadir para poner
etiquetas las etiquetas que queráis las
que queráis Mira workbench editor custom
levels patterns y puedes decir mira los
archivos que estén dentro de la carpeta
types voy a hacer Que aparezca en la
pestaña el nombre del archivo la
extensión y ponga types que aquí además
puedes poner types como que puedes poner
lo que te dé la gana Podrías poner hasta
un emoji eh A ver vamos a poner Azul Por
ejemplo vamos a poner un emoji voy a
poner la policía para esto y aquí en
páginas vamos a poner unos libros vale
por ejemplo pues esto lo podéis hacer y
ahora va a detectar que los archivos que
estén dentro de types lo voy a mostrar
de esta forma si yo ahora voy a types
que no tengo Vale ahora veo que no tengo
Bueno pues voy a pages y voy a pages y
abro el 404 fijaos cómo lo está poniendo
lo interesante es que podéis hacerlo de
cualquier forma o sea por ejemplo los
que estén dentro de components pues
podéis poner components pero podéis
hacer aquí lo podéis poner antes lo
podéis hacer después podéis hacer lo que
queráis mira ahora en components si
entramos en components veis ahora action
asro gu components si preferís podéis
hacer otra cosa por ejemplo podréis
decir Que aparezca el dirname vale Y
entonces ahora me te va a poner que es
dentro de compones el archivo Astro lo
podéis hacer al revés por ejemplo
podríais hacer eh podéis hacer así que
sea como simplificada la extensión Vale
y veis aparece component podéis hacer lo
que os dé la gana está super chulo y a
además de esto y esta es la novedad de
este año es que además ahora lo podéis
agrupar el custom Tab labels este lo
podéis agrupar y podéis tener un montón
de más información ves cuando defines
custom laves ahora tienen más
flexibilidad para acceder a la extensión
individual de cada archivo Entonces
ahora puedes soportar también índices
negativos Por ejemplo si por lo que sea
no quieres Mostrar toda la extensión
podrías hacer algo así imaginaos que
veis que pone punto Astro yo que sé y no
queréis enseñar la extensión Pues aquí
en el xname este podemos hacer así vale
en lugar de la extensión podemos hacer
así podemos quitar el punto podemos
hacer algo así y esto lo he puesto Ah lo
he puesto en paches Vale pues vamos
Bueno lo voy a hacer aquí también vale
vamos a hacer así y podéis hacer así
esto a ver es una tontería eh Pero bueno
veis Ahí ahora pone Astro no sé qué
podéis hacer 1 millones de cosas han
añadido como las posibilidades de
hacerlo todavía mejor e incluso el tener
más patrones Así que echarle un vistazo
pues se pueden hacer 1 millones de
historias y creo que queda muy bonito
especialmente para proyectos por ejemplo
de nexts de Astro que por lo que por lo
que sea pues queréis Mira por ejemplo
aquí por ejemplo si quiero que los que
estén dentro de Api Tengan algo especial
Pese a que también son páginas a ver si
esto a ver vamos a poner aquí que estos
son components y tal si esto entro en
Api por ejemplo Ah pues sí fijaos que
cuanto más abajo está más relevancia
tiene ves y ahí pues ya directamente
tienes la información de que es parte de
la Api está muy chulo me parece una
novedad muy tremenda que al menos yo no
tenía ni puñetera idea y que os puede
ayudar a detectar mejor en la pestaña
cómoo funciona cada cosa eso lo hacía ya
nu emx Sí sí y los dinosaurios también
lo hacía eh Qué pasó con Sublime Tex
creo que ahí sigue el desarrollo de
sublime Tex para el que no sepa es un
editor de código va bastante bastante
lento porque al final es un proyecto que
no sé no sé si es un equipo no sé si es
una persona no tengo ni idea aquí pone
que es una empresa pero no sé si Cuánta
gente trabaja en esta empresa la verdad
Y sí que sé que han ido sacando nuevas
versiones por ejemplo aquí tenéis la
versión 4 y la sacaron el 24 de
noviembre pero es difícil de saber si
siguen activo o no Porque siempre las
nuevas versiones han tardado mucho
tiempo fijaos que desde la versión 3 a
la cuatro pasaron meses fijaos aquí B
4000 11 de noviembre del 2022 y la
siguiente fue en agosto del 2023
entonces Sublime es un editor muy rápido
pero que digamos la velocidad de
evolución no ha sido la misma que visual
Studio code y por ejemplo todo el
sistema de extensiones es mucho mucho
mejor en visual Studio code tiene
extensiones su lim tex pero no funciona
igual de bien y también Es verdad que es
de pago tienes que pagar una licencia
entonces que lo tengáis en cuenta pero
estaba muy chulo la verdad Ahora vamos a
ver Z no Z será el próximo editor que yo
creo que hay que estar pendiente a ver
qué tal estaba guapo Sublime bueno
Estaba y está lo que pasa es que ya os
digo yo que se ha quedado un poco que le
ha costado no le ha costado
Browse More Related Video
5.0 / 5 (0 votes)