Crea una cuenta o inicia sesi贸n

隆Contin煤a aprendiendo sin ning煤n costo! 脷nete y comienza a potenciar tu carrera

Extensiones y personalizaci贸n de VSCode

5/13
Recursos

Aportes 92

Preguntas 12

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Yo quiero dejarles algunas cuantas otras extensiones que me han resultado muy 煤tiles:
.

  1. Auto Close Tag: Esta extensi贸n escribir谩 autom谩ticamente la etiqueta de cierre cuando t煤 escribas una etiqueta de apertura dentro de HTML.
  2. Ayu: Esta es una extensi贸n que le agregar谩 m谩s temas a tu Visual Studio Code, recomiendo probarla, ya que tiene temas geniales.
  3. Bookmarks: Esta es una extensi贸n que te servir谩 para cuando trabajes con archivos largos, te sirve para dejar una marca en tu c贸digo (como lo har铆as en un libro al poner un separador de p谩gina). De esta forma puedes irte a cualquier otra parte de tu c贸digo y cuando quieras regresar simplemente presionas la combinaci贸n de teclas necesaria y autom谩ticamente te llevar谩 a donde dejaste esa marca 馃槃.
  4. Bracket Pair Colorizer: Esta te servir谩 para cuando est茅s trabajando con lenguajes de programaci贸n, ya que te va a resaltar de diferentes colores los par茅ntesis y las llaves, de esa forma no tienes que estar buscando cu谩l es el par茅ntesis o llave de cierre por cada llave o par茅ntesis de apertura que tengas, simplemente te basas en los colores 馃槃
  5. html tag wrapper: Te sirve para que, cuando selecciones un bloque de c贸digo, simplemente presionas cmd + i y autom谩ticamente encerrar谩 todo ese c贸digo en una etiqueta nueva (cuando serpas de HTML sabr谩s a lo que me refiero)
  6. IntelliSense for CSS class names in HTML: Esta extensi贸n va a leer todos tus archivos de CSS y va a detectar todas tus clases para que, cuando est茅s escribiendo clases dentro de HTML, te haga sugerencias con base en las clases que tienes escritas en CSS, muy 煤til cuando empieces a usar frameworks como Bootstrap o Tailwind 馃槃.
  7. Project Manager: Esta es una de las mejores extensiones, en los cursos te van a ense帽ar a arrastrar la carpeta de tu proyecto a Visual Studio Code, pero con Project Manager t煤 puedes asociar varios proyectos a tu editor de 膰贸digo y simplemente seleccionas en cu谩l quieres trabajar, lo genial de esta extensi贸n es que conserva las tabs que ten铆as abiertas por cada proyecto. As铆 puedes cambiar f谩cilmente entre proyectos y continuar en las tabs donde te quedaste 馃槃.

Hola gente, les dejo un mini resumen de las extensiones de esta clase, espero les sirva;)
|
Prettier - Code formater
Mejora la forma en que se visualiza el c贸digo
(agrega espacios en donde haga falta, ayuda a reacomodar el codigo, etc).
|
Color Highlight
Agregar un recuadro alrededor del c贸digo hexadecimal en CSS el cual
muestra el color del mismo (previsualizacion).
|
Live Server
Actualiza autom谩ticamente en el navegador los cambios guardados.
|
Path Intellisense
Autocompleta las rutas (esos significa 鈥榩ath鈥 en inform谩tica)鈥
|
Auto Rename Tag
Si haces un cambio en alguna pareja de tags, esta extensi贸n autompleta los
cambios en el otro tag por ti.
|
Material Icon Theme
Agrega 铆conos a los archivos seg煤n su extensi贸n, lo cual lo hace m谩s visual.
|
SynthWave '84
Este es un tema que recomiendo mucho por su est茅tica retro.

馃搶 Lo primero que realizo en un editor de c贸digo o IDE es instalar un tema de personalizaci贸n, como Dr谩cula. Para tener un entorno de desarrollo m谩s a gusto.
https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula

En esste link hay 10 extenciones que recomienda el Team Platzi

Algunas extensiones complementarias y que utilizo en mi d铆a a d铆a:

**- CodeSnap: ** Screenshot al c贸digo. Esencial para cuando se quiere usar un screenshot para una presentaci贸n o documentaci贸n.
**- Git Graph : ** Se visualiza el historial y gr谩ficas de cambio en el repositorio de GIt
**- Markdown Preview Enhanced : ** Esencial para documentaci贸n en formato MarkDown
**- Code Runner: ** Ejecutar C, C++, Java, JS, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, CMD, BASH, F#, C#, VBScript, TypeScript,
- Monokai Pro: Varios themes desde una sola extensi贸n.

Otras extensiones que he instalado gracias a cursos de Platzi son:

  1. Auto Rename Tag: Si editas el nombre de una etiqueta de HTML, autom谩ticamente se modifica la etiqueta de cierre.
  2. Bracket Pair Colorizer: Resalta los pares de par茅ntesis o llaves con colores, lo que ayuda al momento de cerrarlos.
  3. Git Blame: Informa del status de git en los archivos y lineas de c贸digo

Y otras que instal茅 por necesidad personal:

  1. Quick and Simple Text Selection: Permite a帽adir atajos de teclado para seleccionar todo el texto que est谩 entre comillas y agilizar el proceso de edici贸n de c贸digo.
  2. vscode-pdf: Permite visualizar archivos pdf en Visual Studio Code.

Espero les sirvan para nunca parar de aprender!馃槈

Les recomiendo tambi茅n esta extensi贸n, te muestra un logotipo de la tecnolog铆a en la que estes trabajando, ya se HTML, CSS, JS etc.!!

Aparte de las extensiones que ya han comentado por aqu铆, 茅stas tambi茅n les podr铆an servir:

  • Turbo Console Log
    Esta extensi贸n te permite que seleccionando tu variable y con un solo atajo de teclado, generes un l铆nea de console.log con un mensaje significativo y m谩s entendible a la hora de debuggear o examinar tus variables.

  • Trailing Spaces
    Con esta extensi贸n se resaltar谩n todos los espacios de m谩s que se te pueden ir al final de una l铆nea. Aunque tambi茅n puedes habilitar esta funcionalidad directamente en las configuraciones de VSCode.

  • Project Dashboard
    Te permite organizar tus proyectos por grupos en un dashboard visualmente simple y personalizable.

  • Todo Tree
    Que filtra todos los comentarios que comiencen con TODO o con FIXME y los muestra en una vista de 谩rbol, desde el que puedes acceder f谩cilmente a visualizar donde est谩n tus pendientes.

  • Better Comments
    Pinta de distintos colores tus comentarios seg煤n su tipo de acuerdo a como hayas empezado tu comentario, los categoriza en alertas, queries, TODO鈥檚, importantes y puedes personalizar estas categor铆as o sus colores.

  • CSS Peek
    Para que puedas echar un vistazo a los estilos CSS de cada clase, id o etiqueta HTML.

  • Polacode
    Que genera bonitas screenshots de tu c贸digo.

Si estas aprendiendo Javascript te recomiendo code runner, este te permite verificar porciones de codigo que selecciones sin tener que ir al navegador

Adicionalmente yo recomendar铆a instalar un Tema.
Hay demasiados y cada uno con un toque personalizado.
Te recomiendo que busques el que mas te haga sentir a gusto con el editor.
Sobretodo para trabajar de forma m谩s feliz.
Yo el que estoy usando es: 2077 Theme
Los colores son muy hermosos conforme a mis gustos.
Pero recuerda no cazarte con un tema y probar diferentes hasta que encuentres un match perfecto con alguno ^^

Existe algun maximo o minimo de extensiones que debes tener ? VSCode se vulve mas lento entre mas extensiones ?

隆CUIDADO! Me llam贸 la atenci贸n la relativamente baja calificaci贸n de la extensi贸n Auto Rename Tag para ser una extensi贸n tan descargada. Ha muchas menciones de usuarios que dicen que rompe la cadena de 鈥渞ehacer鈥 y 鈥渄eshacer鈥 (undo/redo). Aunque el desarrollador menciona que una actualizaci贸n del 2017 resuelve el problema, desde el 2019 hay menciones de que este problema no est谩 resuelto.

Las funcionalidades de varias extensiones ya las tiene incluidas el propio VS Code como Auto Close Tag o Color Highlight, basta con activarlas en las configuraciones del usuario.

Para colorea las gu铆as de indentaci贸n en tu VSCode sin necesidad de instalar plugin adicional solo haz lo siguiente:

  1. abre los ajustes presionando el icono de de ajuste en la esquina inferior izquierda.
  2. Una vez en la pantalla de ajuste busca: > Guides Bracket Pairs

Material Icon them es mi favorita

No tengo Mac, pero estoy tomando el curso para aprender m谩s, el curso de prework de windows estuvo muy bueno, ac谩 sin embargo esta mas pulido y directo

creo q le falto hablar del NetBeans que tambi茅n trae server live o algo que es muy parecido

Bookmarks: Esta es una extensi贸n que te servir谩 para cuando trabajes con archivos largos, te sirve para dejar una marca en tu c贸digo. De esta forma puedes irte a cualquier otra parte de tu c贸digo y cuando quieras regresar simplemente presionas la combinaci贸n de teclas necesaria y autom谩ticamente te llevar谩 a donde dejaste esa marca.

S煤per lista! Ya instalado todas las extensiones

Buenisimo!
Creo que vscode-icons me ayudara muchisimo a organizar mi codigo.

Excelente todas las extensiones me encanta 鈥淚cons for Visual Studio Code鈥

No me imagino el estr茅s en los tiempos de anta帽o鈥 cuando escrib铆an c贸digo en 隆blocs de notas!

Me encantas todas!!!

Creo que uno de los m谩s 煤tiles es el Prettier, ya que, hipot茅ticamente, hace que tenga m谩s coherencia el c贸digo escrito.
Por otro lado el AutoRenameTag es un time-saver y hace un major improvement en el flujo de trabajo, al sincronizar los tags de HTML.

Visual Studio Code puede ser personalizado en muchos aspectos: el aspecto est茅tico, los procesos de trabajo, las herramientas de desarrollo espec铆ficas, etc. En esta lecci贸n se comenta c贸mo est谩n organizadas las opciones de personalizaci贸n, que se encuentran separadas en siete categor铆as:

los Paquetes de idiomas permiten traducir el interfaz a muchos idiomas, entre ellos el espa帽ol
los Temas de color permiten personalizar el color y color de fondo de todos los elementos del interfaz
las 脕reas de trabajo contienen los archivos con los que trabaja VSC
las Extensiones permiten ampliar las funciones y herramientas disponibles
las Preferencias de configuraci贸n permiten especificar de forma detallada el comportamiento de las funciones y herramientas
las Tareas permiten conectar Visual Studio Code con otros programas instalados en el ordenador y automatizar operaciones
los Atajos de teclado permiten acceder f谩cilmente a las herramientas
La configuraciones recomendadas para cada uno de los cursos de mclibre se encuentran en los propios cursos:

Configuraci贸n recomendada para el curso P谩ginas web HTML y hojas de estilo CSS.
Configuraci贸n recomendada para el curso Introducci贸n a la programaci贸n con Python.
Configuraci贸n recomendada para el curso Programaci贸n web en PHP.

Aparte de las mencionadas uso:

  1. indent rainbow para la indentaci贸n.
  2. **Flx seti monokai **que es un tema genial.
  3. Bracket pair colorizer para dar color a las llaves.
  4. Auto close tag para cierres autom谩ticos de las etiquetas que abras.

TabNine tambi茅n es uno de los paquetes que te ayudan a auto completar c贸digo en m煤ltiples lenguajes

Les comparto que la extensi贸n Bracket Pair Colorizer, que hacia que los pares de { } [ ] y ( ) tuvieran el mismo color. Fue agregado nativamente a VS Code y por lo tanto mucho m谩s rapido!
Para activarlo solo presionas F1 o Ctrl + Shift + P para el comand palette y escribres 鈥淥pen Settings JSON鈥 y agregas :
鈥渆ditor.bracketPairColorization.enabled鈥: true

(recuerda agregar una coma despues de la instrucci贸n previa para que sea parte del JSON)

Muy recomendado!!

Si tienes un poco de experiencia te recomiendo: tabnine y Github Copilot, te ahorra mucho trabajo, y aunque a muchos opinan que no es bueno aprender con un ayudante as铆 a mi me ha servido, sobre todo cuando estoy aprendiendo algo nuevo porque me da acceso a muchas soluciones y c贸digo de manera muy acertada y r谩pida. Hay que tener cuidado porque no es m谩gico y si no revisas el c贸digo que te sugiere puede causarte problemas.

Lo bueno de las extensiones es que puedes volver tan poderoso tu editor como quieras.
Yo tengo extensiones que me gustar铆a recomendar.

  • Polacode te permite sacar pantallas de tu c贸digo de una forma mucho mas bonita, hasta que la pruebes me entender谩s.
    No eran tantas jeje pero 馃槃

Soy muy organizada por lo que el apoyo para organizar por tipo de programa me gusta mucho

Definitivamernte la mejor extensi貌n es Auto Rename Tag porque nos quita la incomodidad de tener que cambiar los tags cada vez que los tengamos que cambiar.

VSCode tiene buenas extensiones

Excelente Clase!!! Realmente son una ayuda estas extensiones!!

<h4>Para tener en cuenta:</h4>

El plugin live server est谩 desactualizado desde noviembre de 2018 seg煤n su repositorio en Github. As铆 que puede tener bugs o incompatibilidades con nuevas caracter铆sticas de vs code.

Muy buenas extensiones 馃槃

No tenia en mi radar Auto Rename Tag. Agregada

Lejos material icon es la mejor!!! siempre vi estos icon lindos pero nunca supe cual era la extensi贸n!

listo

Hola! Yo les quiero compartir algunas otras para complementar: 1- css-auto-prefix 2- HTML Format 3- Image preview 4- Live Sass Compiler 5- WakaTime Saludos!
Veo que todas son de gran ayuda al momento de programar, cada una destaca dentro de su roll para el flujo de trabajo de un programador y ,s p脿ra uno que esta empezando a prender a como avanzar en este viaje de retos y aprendizaje constantes. **Pero definitivamente mi favorita fue live server**, se vuelve muy tedioso estar actualizando a cada momento, por fortuna live server llega para salvarnos.
hola, les comparto un articulo sobre las mejores extensiones de VS <https://rafaelneto.dev/blog/15-mejores-extensiones-visual-studio-code-desarrollo-web/>
Genial el tema de las extensiones, para facilitar el flujo de trabajo.

Interesante la instalacion de las extensiones que se usan en nuestra mac. La que me impresiono fue la de 鈥渧scode-icons鈥 y como son implementadas.

Extensiones

  • Prettier - Code formatter (Re-imprimir codigo con sus propias reglas - formato legible del codigo)
  • Color Highlight (Codigo en CSS para dar estilos, esta extension con el codigo hexadecimal resalta el color que escribi, ayuda en el cambio de contexto (ir al navegador y hacer recargo constante, vsc y chrome a la vez))
  • Live Server - Permite hacer simple y sencillamente los cambios en actualizaciones automaticar en el navegador
  • Path Intellisense - Ayuda a que cuando se referencia la referencia a una ruta de un archivo, permite que todo el camino quede perfecto, es un autocomplete
  • Auto Rename Tag - Sirve para automaticamente cambiarle el nombre a los tag de HTML que son pares
  • Material Icons - Cambia la vista de la carpeta por iconos

a mi parecer la extencion que evita, que cambies de contexto es la que mas me serviria, y la de live server

Relaciono las extensiones que yo uso, agrupadas por la tecnolog铆a o el lenguaje de programaci贸n con el que considero son m谩s 煤tiles:

JavaScript/React/Redux/GraphQL/Node.js:
Prettier - Code formatter
Path Intellisense
ES7+ React/Redux/GraphQL/React-Native snippets
ESLint
JavaScript (ES6) Code Snippets
Import Cost

Python:
Python
Pylance
iSort
Jupyter
Jupyter Cell Tags
Jupyter Keymap
Jupyter Notebook Renderers
Jupyter Slide Show

PHP/Laravel:
PHP CS Fixer
PHP Debug
PHP Intelephense
Laravel Blade Snippets
Laravel Goto View
Laravel Blade

HTML/CSS:
Live Server
Auto Rename Tag
HTML Tag Wrapper
IntelliSense for CSS Class Names in HTML
Auto Close Tag
Color Highlight

Java:
Tabnine AI Autocomplete for Java

MongoDB:
MongoDB for VS Code

Git/Version Control:
Git Graph
GitLens
Git Blame

General (煤tiles para cualquier lenguaje o tecnolog铆a):
Material Icon Theme
Bracket Pair Colorizer
Bookmarks
JSON
Paste JSON as Code
SonarLint
TODO Highlight
TODO Tree
Project Manager
Indent-rainbow
Trailing Spaces
WakaTime
Settings Sync

S煤per recomendaciones, gracias Ricardo!

Puedes descargar el tema oficial de Platzi para VSC aqui

Mi Extensi贸n favorita es Material Icon, no solo le da un aspecto bonito al editor sino tambi茅n nos brinda una enorme ayuda a la hora de identificar las carpetas y archivos. Aaaa y tambien Path Intellisense me parece super 煤til.

Clase 5 鈥 Extensiones y personalizaci贸n de VSCode


驴Qu茅 extensiones deber铆amos de instalar en Visual Studio Code?

  • Prettier.
  • Color Highlight.
  • Live Server.
  • Path Intellisense.
  • Auto Rename Tag.
  • Material Icon.

驴Para qu茅 sirve Prettier?

  • Esa extensi贸n la de un formato de indentaci贸n a nuestro c贸digo para que este sea m谩s f谩cil de leer.

驴Es importante tener un c贸digo legible y por qu茅?

  • S铆, porque este c贸digo ser谩 le铆do por nosotros o otras personas en el futuro.

驴Para qu茅 sirve Color Highlight?

  • Esta extensi贸n nos permite agregar un borde a la l铆nea de c贸digo que nos permita asignarle a alg煤n elemento un color. El color del borde que tendr谩 la l铆nea ser谩 del mismo que queramos asignarle a el elemento.

驴Cu谩l es la ventaja en el flujo de desarrollo cuando usamos Color Highlight?

  • Evitamos salirnos del contexto, es decir, evitamos estar saltando de programa en programa para ver los cambios que estamos realizando.

驴Para qu茅 sirve Live Server?

  • Para que podamos ver en tiempo real los cambios que vayamos guardando de nuestro c贸digo en el navegador.

驴Para qu茅 nos sirve Path Intellisense?

  • Esto nos permite autocompletar las rutas absolutas de los recursos que queramos agregar a nuestro proyecto.

驴Para qu茅 sirve Auto Rename Tag?

  • En caso de que necesitemos cambiar una etiqueta por otra, esta extensi贸n nos ayudara a cambiarlo en ambas parejas de etiquetas.

驴Para qu茅 nos sirve Material Icon?

  • Nos permite agregarle un icono para diferenciar las carpetas y archivos dependiendo de lo que tengan dentro y sus extensiones.

no entiendo ni para preguntar. espero que m谩s adelante, todo tome sentido.

hola necesito ayuda,no he podido encontrar extensi贸nes para abrir pretier

Es un paquete de extensiones fabulosas que todo desarrollador debe de tener.

Se ven geniales estas herramientas, para poder trabajar los c贸digos de manera m谩s sencilla y eficiente. Muchas gracias!!!

**Me pareci贸 interesante Prettier.
**es como un asistente para mejorar la forma de visualizar el c贸digo. mirando en youtube un poco m谩s me ayuda a
agregar espacios en donde haga falta, ayuda a mejorar la sintaxis de c贸digo

Pair coloraizer fue mi salvaci贸n se le mucho mejor y te ayuda a identar mejor tu codigo

Ya tengo instaladas las extensiones sugeridas, para m铆 todo esto es un mundo nuevo.

隆Todo lo que nos ayude a trabajar m谩s f谩cil y c贸modo, bienvenido!

mi favorita hasta ahora es Prettier.

repasando el tema de extensiones. gracias por las sugerencias!

me estoy riendo como cient铆fico loco, me emociona el simple hecho de instalar las librer铆as no puedo esperar por empezar a programar

live server es TOP, imprescindible para desarrollo web.

las extensiones son de las cosas m谩s ricas de VSC.

live server suena como la herramienta mas util, aunque en realidad no lo se

Adios sublimetext, hola visual studio code

Les comparto mi tema favorito de vs code

Instale todo al pie de la letra, hay much铆simas extensiones asi que a chismear y probar, alla vamos!

El solo hecho de ver el tipo de extensiones que existen da cuenta del car谩cter de la comunidad de desarrolladoras y desarrolladores que hay detr谩s, en el mundo del desarrollo de software, esto es lo m谩s emocionante de hacer parte de esta comunidad: el sentido de crowdsourcing activo.

min 4:19 > Gracias!

A mi me quedo as铆.

Instaladas 馃槂

Material icooonnnn es mi favorita 馃槂

Hay un par de extensiones que son muy utiles a la hora de desarrollar, estas son:

Git GRaph: Este plugin nos muestra de una forma muy amigable todo el historial de commits y ramas de nuestros proyectos git y permite regresar a un comit y ademas poder ver comodamente el log de los commits sin tener que ir a github o gitlab

Code runner: Este plugin es muy util cuando estas programando ya sea en javascript, node, C, etc ya que nos agrega un boton de play para ejecutar el codigo escrito en un archivo o tambien si asi lo deseas puedes seleccionar un trozo de codigo y al darle boton secundario sobre el texto te permite ejecutar ese codigo y ver el resultado en la terminal del vs code

Color brackets: Esta herramienta le coloca colores a las llaves emparejandolas, de esta forma poderas saber muy facilmente donde abre y cierran las llaves del codigo que est谩s escribiendo

Project manager: Este plugin nos permite tener en un lugar centralizado todos los proyectos que vayas creando en vs code, su funcionamiento es muy sencillo, le indicas la carpeta donde tienes los proyectos y te agrega un tab nuevo donde podras ver los proyectos y al darle doble click sobre uno de ellos te carga ese proyecto en la ventana del editor

Muchas gracias! Las descargue todas. Yo les recomiendo Quokka: 鈥淧ermite ver con anotaciones en el propio editor el resultado de la ejecuci贸n de las sentencias o bucles.鈥

Ayu: Esta es una extensi贸n que le agregar谩 m谩s temas a tu Visual Studio Code, recomiendo probarla, ya que tiene temas geniales.

Resumen de clases:

Prettier: Refuerza un estilo consistente al pasar tu c贸digo, le dar谩 un formato mucho m谩s legible por defecto, ayudar谩 para manejar en un futuro tu c贸digo.

Color Highlight: esta extensi贸n hace que cuando escribas tu c贸digo hexadecimal en CSS, va a resaltar el c贸digo en el color que es.

Live Server: con esto ya no necesitas estar actualizando a cada momento el navegador, porque los cambios ya se actualizan autom谩ticamente.

Path Intellisense: es un autocomplete de la ruta de donde traen los archivos.

Auto Rename: cambia los tag de HTML que son pares.

VSCode Icons Team: cambia la vista de las carpetas por 铆cenos que reflejan lo que contiene la carpeta, si trabajas un archivo de Java, coloca un icono de java, si es html, coloca el icono de html.

live server 鉂わ笍

Definitivamente todas las herramientas son fabulosas, antes intente trabajas CSS y HTML en windows, no tenia estas herramientas y veo que me vas a ser de una gran ayuda. Muchas gracias.

todas se ven interesantes, mirando comentario de compa帽eros y en las misma b煤squeda hay un mont贸n. Para divertirme. Gracias profe Ricardo

Les recomiendo mucho la extensi贸n 鈥淐odesnap鈥, no hay nada m谩s 煤til y elegante para presentar tu c贸digo a otras personas de una manera vers谩til.

Suponog que me servir谩 mucho VSCODE-ICONE porque soy muy visual y se me facilita identificar las acciones con el 铆cono.

Definitivamente Color Highlight es super 煤til y la que m谩s me impresion贸. Despu茅s de Live Server claro, pero eso lo veremos en otra clase.
Saludos!
EstanVolando!

Perfecto. Ya ten铆a varias instaladas 馃槂

HTML CSS Support
IntelliSense for CSS class names in HTML
Polacode 鈥 Polaroid for your code
Prettier ESLint
Rainbow Brackets
Tabnine
Visual Studio IntelliCode

Me gustaron todas las extensiones, facilitan mucho el trabajo programando

La 煤ltima extensi贸n que mencionas es 鈥淢aterial鈥 sin embargo la que nos muestras y descargas es VSCode Icons Theme.

Gracias Ricardo por esta clase!

El tema de Dr谩cula es genial

Les comparto un top de extensiones para VSCODE
https://blog.logrocket.com/top-10-vs-code-extensions-2021/

Les dejo ac谩 un mini resumen de las extensiones:
|
Prettier - Code formater
Mejora la forma en que se visualiza el c贸digo
(agrega espacios en donde haga falta, ayuda a reacomodar el codigo, etc).
|
Color Highlight
Agregar un recuadro alrededor del c贸digo hexadecimal en CSS el cual
muestra el color del mismo (previsualizacion).
|
Live Server
Actualiza autom谩ticamente en el navegador los cambios guardados.
|
Path Intellisense
Autocompleta las rutas (esos significa 鈥榩ath鈥 en inform谩tica)鈥
|
Auto Rename Tag
Si haces un cambio en alguna pareja de tags, esta extensi贸n autompleta los
cambios en el otro tag por ti.
|
Material Icon Theme
Agrega 铆conos a los archivos seg煤n su extensi贸n, lo cual lo hace m谩s visual.
|
SynthWave '84
Este es un tema que recomiendo por su genial est茅tica retro.
|
Espero les haya servido;)