Menú Cerrar

Para cualquier programador, el entorno donde programa debe ser cómodo, fácil de manejar y con mucho soporte. Existen muchos editores de texto y Entorno de Desarrollo Integrado (IDE) para cada lenguaje. En este post vamos a instalar uno de los editores de texto más utilizados actualmente, visual studio code. Posteriormente veremos algunas extensiones para usar visual studio code de forma más cómoda.

visual studio code

Instalación de visual studio code en Windows, Linux y MAC

No te aburriré poniendo cómo se instala en cada plataforma. Cualquier sistema operativo que tengas la guía para instalar visual studio code se encuentra en su página oficial. Allí encontrarás cómo instalarlo para tu plataforma.

Ahora vamos a lo que venimos a hacer, instalar las mejores extensiones para visual studio code.

Mejores extensiones

A continuación, vamos a ver una lista de las mejores extensiones y para qué sirve cada una.

Auto Close Tag: ¿Cansado de estar cerrando etiquetas a cada instante? Esta extensión es tu mejor amigo, cierra las etiquetas automáticamente para ti.

Auto Rename Tag: ¿Te imaginas definir el nombre de tus etiquetas? Esta extensión te permite hacerlo.

Better comments: Te permite definir un color diferente para cada bloque de código.

Bracket Pair Colorizer 2: Permite iluminar los bloques de separación con corchetes y llaves.

Code Runner: Te permite ejecutar partes de tu código a través de un botón.

CodeSnap: Te permite tomarle captura a una parte de tu código y guardarlo como imagen.

CSS Peek: Es el salvador de los que usan CSS. Permite ver las propiedades de las clases con un solo click.

Draw.io Integration: Permite crear diferentes tipos de diagramas según tu trabajo, y todo eso lo puedes hacer dentro de visual studio code.

Highlight Machine Tag: Te permite ver claramente las etiquetas de apertura y de cierre.

html tag wrapper: Permite anhidar etiquetas sin necesidad de cortar contenidos.

Image preview: Permite visualizar la imagen a un costado de tu código.

indent-rainbow: Permite indentar tu código con barras de colores para poder identificarlo mejor.

Live Server: Permite levantar un servidor local de desarrollo en función de recarga en vivo para páginas estáticas y dinámicas.

Mithril Emmet: Te permite completar código HTML más rápido.

Path Intellisense: Te permite gestionar tus archivos de una mejor forma al brindarte información sobre cada uno.

Rainbow Brackets 2: Permite diferenciar corchetes con paréntesis con colores diferentes.

Spanish Language Pack for Visual Studio Code: Permite cambiar el idioma del editor a español.

Trailing Spaces: Te avisa si tienes espacios en blanco innecesarios en tu código.

Acerca del autor

Saintus Zephir

Ingeniero en Sistemas Computacionales y estudiante de Maestría en Ciencias en Ingeniería y Tecnologías Computacionales en el Centro de Investigación y de Estudios Avanzados del IPN (CINVESTAV-IPN).

Comparte el artículo en tus redes sociales

Artículos relacionados

8 comentarios

  1. Suzette

    Wow, this piece of writing is pleasant, my sister is analyzing these kinds of things, thus I
    am going to inform her.

  2. Jacques

    Good article! We will be linking to this great article on our website.Keep up the good writing.

  3. Damaris

    Spot on with this write-up, I seriously believe this website needs a great deal
    more attention. I’ll probably be back again to see more, thanks
    for the information!

  4. Tyson

    Have you ever considered about adding a little bit more than just your articles?
    I mean, what you say is fundamental and everything.
    But just imagine if you added some great visuals or video clips to give your posts more, “pop”!

    Your content is excellent but with pics and videos, this blog could certainly be one
    of the very best in its niche. Terrific blog!

  5. Karolyn

    I all the time used to study article in news papers but
    now as I am a user of web so from now I am using net for articles,
    thanks to web.

  6. Twila

    I have been browsing on-line greater than 3
    hours nowadays, yet I by no means discovered any fascinating article like yours.
    It’s pretty price enough for me. Personally,
    if all website owners and bloggers made just right content as you probably
    did, the web will be a lot more useful than ever before.

  7. Selina

    Greetings! This is my 1st comment here so I just wanted to give a quick shout out and tell you I genuinely enjoy reading your blog posts.

    Can you recommend any other blogs/websites/forums
    that deal with the same subjects? Many thanks!

  8. Cameron

    Hello There. I found your blog using msn. This is a very well written article.
    I’ll be sure to bookmark it and return to read more of your useful information. Thanks for the post.
    I’ll definitely return.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

× ¿Cómo puedo ayudarte?