Visual Studio Code es un excelente entorno de desarrollo de software, y no solo porque tiene excelentes funciones de edición de código y soporte de idiomas. Gracias a su rica cultura de extensiones, VS Code admite muchas tareas además de la edición. Encontrará extensiones de VS Code para todo, desde una forma más rápida de navegar por el editor hasta insertar fácilmente texto e imágenes de marcador de posición. Aquí hay 11 extensiones de VS Code que quizás desee considerar al crear su entorno de desarrollo. Algunas podrían ser adiciones extremadamente útiles a su conjunto de herramientas e incluso formar parte de su flujo de trabajo diario. Panel de control Los usuarios de Chrome y Firefox deben estar familiarizados con el menú de «marcación rápida» que se muestra de forma predeterminada al abrir una pestaña en blanco. La extensión Dashboard hace algo similar para VS Code, permitiéndole acceder rápidamente a sus proyectos o espacios de trabajo más comunes. Puede agregar, editar, eliminar o reordenar proyectos fácilmente en su Panel de control, y puede usar colores, degradados o emojis para separar los botones del proyecto. Dashboard utiliza un ícono para indicar que un proyecto es parte de un repositorio Git. IDG Figura 1. Los proyectos utilizados con frecuencia se pueden anclar a la página de inicio del Panel, colocarlos en grupos personalizados y asignarles colores personalizados. Data PreviewVisual Studio Code puede funcionar como un entorno para la preparación y manipulación de datos, así como para la creación y ejecución de código. Pero si está trabajando con algo más sofisticado que los archivos más simples, los controladores de archivos integrados para formatos de datos no serán suficientes. Data Preview agrega controladores, herramientas de visualización y funciones de administración para una amplia variedad de formatos comunes, no solo JSON o CSV, sino también Excel, Apache Parquet, Arrow, Avro, YAML y otros archivos de configuración. Data Preview utiliza una biblioteca de análisis de datos en streaming escrita en WebAssembly para manejar el trabajo pesado, por lo que incluso los archivos grandes (10 MB o más) no son un problema. IDG Figura 2. La vista previa de datos permite la visualización y manipulación interactiva de datos en muchos formatos comunes, incluidos CSV, JSON y YAML. Imágenes de marcador de posición Si necesita imágenes de marcador de posición para un proyecto (que probablemente sea para desarrollo web, maquetas de interfaz de usuario o documentación), no busque más que Imágenes de marcador de posición. Esta extensión de VS Code le permite insertar imágenes como referencias HTML de varios proveedores de imágenes populares de uso gratuito, incluidos servicios de imágenes de archivo como Unsplash. Para seleccionar una imagen, simplemente proporcione un tamaño objetivo junto con el proveedor, y se elegirá una imagen aleatoria que se ajuste a sus necesidades del proveedor en cuestión. IDG Figura 3. Imágenes de marcador de posición aprovecha muchas fuentes comunes de imágenes de uso gratuito para insertar imágenes de marcador de posición como referencias HTML, o puede copiar las URL de las imágenes al portapapeles. VSCode FakerA veces solo necesitas un texto de marcador de posición: una línea de dirección falsa, un número de teléfono falso o una línea rápida de lorem ipsum. Quizás estés construyendo un ejemplo de plantilla HTML. Tal vez esté sustituyendo datos falsos por datos reales en lugar de una captura de pantalla o un archivo de configuración. VSCode Faker genera datos falsos de todo tipo, rápido y sin que tengas que pensar en ello. VSCode Faker incluso se puede configurar para generar datos falsos para una ubicación específica, siempre que tenga la identificación local. IDG Figura 4. Texto “Lorem ipsum” generado con VSCode Faker. El texto falso de VSCode Faker puede ser oraciones individuales o párrafos completos. WordCounterEl recuento de palabras y el tiempo de lectura son muy útiles para publicaciones de blogs y artículos de noticias, así que ¿por qué detenerse ahí? ¿No sería bueno tener una idea de cuánto tiempo llevará digerir un archivo README o saber de un vistazo el recuento actual de palabras de la documentación que está escribiendo? WordCounter coloca un medidor detallado de palabras, caracteres, líneas, párrafos y tiempo de lectura en la barra de estado de VS Code. Es altamente configurable; puede cambiar lo que constituye un delimitador de palabras, por ejemplo, o el recuento de palabras por minuto utilizado para calcular el tiempo de lectura. IDG Figura 5. WordCounter agrega estadísticas detalladas de legibilidad y métricas de recuento de palabras a la barra de estado. Todas sus medidas se pueden configurar. JumpyA los fanáticos de los editores modales les encanta la forma en que pueden navegar a través de una línea, una página o un documento hasta algún punto lógico específico con solo un par de pulsaciones de teclas y sin tener que mover el mouse. Jumpy agrega la capacidad de moverse rápidamente a través de su código con nada más que el teclado. Cuando activa Jumpy, su código en pantalla está decorado en puntos clave (saltos de línea, comienzos de expresiones, etc.) con etiquetas de código de dos letras. Para ir a una etiqueta determinada, simplemente escriba el código de dos letras. Puede personalizar los símbolos utilizados para los códigos o utilizar los valores predeterminados, que son de la A a la Z y del 0 al 9. Tenga en cuenta que, de forma predeterminada, Jumpy no tiene ninguna combinación de teclas. Tienes que configurar uno tú mismo para usarlo, lo que ayuda a evitar conflictos con otras extensiones. IDG Figura 6. Jumpy en modo línea. Al escribir uno de los códigos de dos letras que se muestran, el cursor se moverá a ese punto del archivo. La configuración de ToggleVS Code puede ser un laberinto para recorrer y modificar. Es aún menos divertido si buscas las mismas configuraciones una y otra vez, para activarlas o desactivarlas según el caso. La extensión Toggle de Peng Lv te permite tomar cualquier configuración de VS Code y asignarle una combinación de teclas. Toque la tecla e intercambie el valor de la configuración; Es así de simple. Incluso puede asignar múltiples configuraciones para alternar con la misma combinación de teclas. IDG Figura 7. Con Toggle, puede exponer y cambiar opciones ocultas en lo profundo de la configuración de VS Code con solo presionar una tecla de acceso rápido. La única desventaja de Toggle es que tienes que configurar manualmente el archivo de combinación de teclas, pero eso no es demasiado difícil. Utilice Preferencias: abra atajos de teclado (JSON) para crear o abrir el archivo, pegue el ejemplo proporcionado y utilice la referencia de combinación de teclas para configurar sus combinaciones. Text Power ToolsVS Code es, en esencia, un editor de texto. «Texto» no significa sólo código de programa; puede significar documentación en una variedad de formatos, incluido texto sin formato. La extensión Text Power Tools equipa a VS Code con una batería de utilidades de procesamiento de texto que no se incluyen de forma predeterminada. IDG Figura 8. Escriba «tpt» en la paleta de comandos de VS Code para ver las opciones disponibles para modificar una selección de texto en Text Power Tools. Hay muchas más opciones de las que he mostrado aquí. Entre las herramientas disponibles en esta colección se encuentran: filtrar líneas en un archivo mediante expresiones regulares; cambiar o intercambiar el caso del texto seleccionado; anteponer o agregar texto a líneas o regiones; ordenar regiones de texto según varios criterios; pegue de forma inteligente datos del portapapeles en una variedad de formatos; generar datos de marcador de posición en diversas formas; cambiar codificaciones para selecciones; alterar las formas de normalización Unicode; y muchos más. Un complemento muy útil son los «espacios de texto», una forma de almacenar rápidamente hasta cinco entradas del portapapeles y reutilizarlas. Si aún no estás utilizando una utilidad de portapapeles mejorada, esta es una forma práctica de obtener la misma funcionalidad. Herramientas SQL Cuando trabaja con bases de datos, tiene algunas opciones: la interfaz de línea de comandos de la base de datos; un lenguaje de programación con una biblioteca de acceso a datos; o una aplicación de «banco de trabajo» con CLI y GUI. Esa última opción es la más fácil de usar y conveniente. SQLTools convierte VS Code en un sistema de banco de trabajo de base de datos simple, con subextensiones para trabajar con bases de datos comunes como SQLite, MySQL, MariaDB, PostgreSQL y muchas más. Sus funciones de sugerencia automática facilitan la redacción de consultas, aunque no le permite editar datos de forma interactiva a través de una interfaz similar a una hoja de cálculo como se encuentra en algunas aplicaciones de banco de trabajo. IDG Figura 9. SQLTools proporciona un entorno de trabajo para muchas bases de datos diferentes. El usuario instala otros complementos para proporcionar conectividad para cada tipo de base de datos. CodeSnapA veces, la forma más rápida y directa de compartir su código es tomar una captura de pantalla. CodeSnap le permite hacer esto directamente en VS Code sin necesidad de herramientas externas. Seleccione el código en cuestión, presione la combinación de teclas que asigne y el fragmento de código se guardará en un archivo o se copiará en el portapapeles. Cualquier tema que tengas habilitado actualmente también se utiliza para la captura de pantalla. Las bifurcaciones de CodeSnap han proliferado desde su lanzamiento, con variaciones menores en sus funciones. Un ejemplo es CodeSnap-Plus, que agrega líneas resaltadas en la captura de pantalla. IDG Figura 10. CodeSnap representa fragmentos de código como imágenes, con resaltado de sintaxis basado en el tema de VS Code actualmente en uso. CodeToHTMLMuchas personas que comparten código utilizan un servicio de pegado, que agrega automáticamente resaltado de sintaxis para idiomas comunes. ¿Qué sucede si desea compartir su código como HTML, pero no tiene un mecanismo para resaltar la sintaxis, por ejemplo, en un blog? La extensión CodeToHTML toma cualquier fragmento de código y lo convierte en HTML, y el resaltado se incrusta automáticamente en el fragmento mediante información de estilo en línea. IDG Figura 11. CodeToHTML representa el código como HTML con resaltado de sintaxis incluido. Copyright © 2024 IDG Communications, Inc.

Source link