Visual Studio 2010 – Extension desarrollo web

Si te encuentras empezando a desarrollar para web con Visual Studio 2010, probablemente te ocurra como a mí y eches de menos algunas funcionalidades de editores como Sublime Text 2 o incluso Notepad++.

Tranquilos, aquí traigo una extensión para Visual Studio 2010 que añade un buen número de funcionalidades que te harán la transición más sencilla. Se trata de la extensión Web Essentials desarrollada por Mads Kristensen y puedes descargarla aquí:

http://visualstudiogallery.msdn.microsoft.com/6ed4c78f-a23e-49ad-b5fd-369af0c2107f

Aquí un listado de algunas funcionalidades que añade (para el listado completo visitar el link anterior):

  • CSS / Hojas de estilo
    • Opción “Live Web Preview”, permite ver en una ventana los cambios de CSS en tiempo real
    • Auto-Generación de código CSS3 especifico para cada navegador (¿problem border-radius?)
    • Convertir referencias “url()” en cadenas en base64 eliminando peticiones HTTP
    • “Speed Typing” al estilo de Firebug (vídeo demo)
    • Soporte “Drag-and-Drop” para imágenes y fuentes. Se añaden todas las extensiones (.ttf, .eot, .woff, .otf) con el mismo nombre a la regla @font-face
  • JavaScript
    • Añadir regiones al estilo C# con los tags “//#region MiRegion” y “//#endregion”
    • “Code collapsing” también al estilo C# de las funciones y sentencias de control
    • Destacar la palabra/variable en el documento
    • Minimizar el código Javascript con la librería “AjaxMin”
  • HTML
    • Soporte “Drag-and-Drop” para audio y video
    • Soporte “Drag-and-Drop” para los controles de usuario

Bueno, espero que si no conocías esta extensión te sirva de ayuda para tus desarrollos, y en el caso de que ya la conocieras, ¿que otras extensiones/ayudas conoces que quieras compartir?

Un saludo!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *