Código de estudio visual es un excelente entorno de desarrollo de software, y no sólo 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
Los usuarios de Chrome y Firefox deberían estar familiarizados con el menú de «marcación rápida» que se muestra de forma predeterminada al abrir una pestaña en blanco. El Panel La extensión 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.
Vista previa de datos
Visual 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. Vista previa de datos 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 Asamblea web para manejar el trabajo pesado, por lo que incluso los archivos grandes (10 MB o más) no son un problema.
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. 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.
Falsificador de VSCode
A 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. Falsificador de VSCode 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.
Contador de palabras
El 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? Contador de palabras 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.
Asustadizo
A 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. Asustadizo 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, por defecto, Jumpy no tiene cualquier clave de enlace. Tienes que configurar uno tú mismo para usarlo, lo que ayuda a evitar conflictos con otras extensiones.
Palanca
La configuración de VS 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.
Alternar Peng Lv La extensión le 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.
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. Usar Preferencias: Abrir atajos de teclado (JSON) para crear o abrir el archivo, pegue el ejemplo proporcionado y use el referencia de combinación de teclas para configurar sus fijaciones.
Herramientas eléctricas de texto
VS 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. El Herramientas eléctricas de texto La extensión equipa a VS Code con una batería de utilidades de procesamiento de texto que no se incluyen de forma predeterminada.
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. Herramientas SQL 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.
CodeSnap
A 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-Plusque agrega resaltado de líneas en la captura de pantalla.
Código a HTML
Muchas 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? El Código a HTML La extensión toma cualquier fragmento de código y lo convierte en HTML, con el resaltado incrustado automáticamente en el fragmento mediante información de estilo en línea.
Copyright © 2024 IDG Communications, Inc.