VS Código: un análisis en profundidad para desarrolladores de WordPress

Microsoft tiene una mala reputación. Con los años, han ganado su reputación como un poco detrás y menos fácil de usar. Hace años, incluso podría merecerlo. Pero no más. Los últimos proyectos de Microsoft son multiplicados, intuitivos y superan los límites de la tecnología. Aquí es donde interviene el código Visual Studio. Desde su lanzamiento en 2015, VS Code se ha convertido en el editor de código Deta para muchos desarrolladores, eliminando el texto sublime y el átomo como las principales opciones. Y eso dice mucho. Entonces, presentemos por qué VS Code es tan bueno y cómo Microsoft ha recuperado toda su confianza.
Código de Visual Studio: de código abierto y amarlo

En la superficie, Visual Studio Code se parece a la mayoría de los otros editores allí. Destacando la sintaxis, el tema oscuro, las extensiones, etc. Pero cuando cavas un poco más profundo, ves que, a diferencia de muchos otros editores e IDE allí, la experiencia que obtienes en el código es simplemente y, disculpe el juego, sublim. Lo más positivo que tiene el código vs es que es de código abierto. Pero nuevamente, también lo es Atom (y también es un propiedad técnicamente propiedad de Microsoft, ya que compraron GitHub). Además, Microsoft lo lanzó bajo el MIT, la licencia más suave y ligera de las licencias de código abierto. Para una empresa que, desde un punto de vista histórico, era bastante estricto sobre sus patentes y su propiedad intelectual, este es un gran paso.
Debido a esta licencia, VS Code ordena una comunidad dura de desarrolladores que no solo usa el software para su vida profesional, sino que también contribuye al editor en sí o a algunas de las muchas extensiones y complementos disponibles para personalizarlo. Hay algunos debates sobre la magnitud de la licencia del MIT para el código Visual Studio, pero esto no debería afectar a los usuarios y desarrolladores mayoritarios. ¿Una idea todo en uno? Aquí está la pregunta de la hora: ¿El código VS es un editor de código o un IDE? Ha construido en integración Git, acceso a la terminal y Bash, una consola de solución de problemas y un tipo especial de resaltar la sintaxis y completar el código llamado IntelliSense. Todo eso es inmediatamente de la descarga, sin extensiones ni personalización. Por lo general, estos tipos de funciones incorporadas y actualizadas por el equipo de desarrollo oficial están disponibles en aplicaciones premium como PhpStorm. Pero con el código VS … esta línea se desvanece. Proporciona muchas funciones de tipo IDE. Pero al final, no es una idea completa. No reciba la reenfocatorización de código predeterminada, las actualizaciones oficiales específicas del lenguaje y la protección futura y otras cosas pesadas que una idea puede mostrar. Dicho esto, hay un estudio visual. Es un producto separado y premium que Microsoft ha hecho durante años, y Visual Studio Code es solo otro miembro de la familia Visual Studio. Entonces, si está buscando una idea completa y difícil, puede obtener una de MS. Pero este es un segundo muy cercano, sinceramente.
Además, la existencia de un estudio de Visual es la razón por la cual los desarrolladores se refieren a él como código VS o simplemente código, en lugar de Visual Studio. De lo contrario, estaría demasiado confundido. VS Código: fuera de la caja Si no ha adivinado hasta ahora, hay muchas piezas que componen el código vs. Comencemos mirando los elementos básicos y cómo todo funciona de inmediato, antes de agregar cualquier extensión o personalizar algo. Cuando abra el editor por primera vez, notará dos cosas:
La apariencia y el diseño son similares a otros editores y, por lo tanto, son familiares para la mayoría de las personas.

Carga más rápido que la mayoría de los otros editores de código (Atom, estamos buscando en su dirección)
Cuando haya terminado de sorprenderse de lo receptivo que es, podemos movernos a la barra lateral izquierda. Aquí vivirá la mayoría de las herramientas adicionales que vienen con el código vs.
Los íconos implícitos en el lado abrirán cada nueva columna para hacer clic, que se puede redimensionar y personalizar. 1. Explorador
Su vista predeterminada del código VS será la pestaña Explorer. En esto, verá una sección llamada Open Editores, que es la jerga de código VS para documentos. Cada archivo que tiene abierto se considera un nuevo editor. Entonces, si tiene 8 archivos .CSS abiertos, verá una lista de 8 editores. Luego tiene la lista de programas abiertos que podrían crear archivos que se editarán con el código. Para este ejemplo, verá que el único que abrí en el fondo es Snagit. Debajo de esto está el boceto que muestra el esqueleto de archivo actual. Cuando obtiene un archivo gigantesco y necesita obtener una vista superior de toda la estructura, la vista de esquema en realidad funciona un poco más fácil que incluso los mínimos a la derecha de la pantalla. Buscar la función de búsqueda en el código VS es fenomenal. No es que sea más fuerte que otros editores (porque tengo que ser honesto aquí: me encanta buscar / reemplazar en texto sublime). Es que es más fácil y más transparente que otros editores.

Al realizar la búsqueda, cada instancia de su término de búsqueda se encuentra en la parte inferior de la columna derecha. Luego puede hacer clic en una sola instancia para resaltar la ubicación del término de búsqueda en el archivo. (Si hace clic en CTRL / CMD-CLICH, abrirá una segunda instancia del archivo que resalta la nueva línea elegida). Si elige reemplazar el término en el segundo campo, los resultados mostrarán un corte rojo del término de búsqueda y un reemplazo verde en los resultados. Al hacer clic en una búsqueda / reemplazo en los resultados, una diferencia comparativa parecerá una vista previa de los cambios. Esta característica es tan útil que te preguntarás cómo viviste sin ella. Git, comenzaré diciendo que probablemente estoy parcial en mi enfoque para GIT. Tiendo a ser un usuario de línea de comando / bash, y los clientes gráficos para GIT nunca me sentí bien por mí. Por lo tanto, mucha integración de Git con otros editores e IDE no eran mi taza de té. Sin embargo, la implementación del código VS es un híbrido entre la línea de comandos y una interfaz gráfica y funciona sorprendentemente bien, independientemente de la versión del cuello que prefiera. ¿Recibir … Git Version?

La parte sobre la integración de Git en VS Code es que funciona. La columna izquierda que aparece al hacer clic en el icono GIT es un indicador visual del estado de repo. Puede hacer clic en la elipse (…) para verificar los comandos GIT que normalmente se deben ingresar muy específicos. Puede agregar, comprometer, presionar e incluso cambiar sus archivos en etapas y puede trabajar en diferentes ramas a través del menú contextual.
Además, tiene la opción de abrir una terminal Bash en el editor en sí. Hay un menú terminal en la barra de navegación, y el código VS es rápido, limpio, suave y fácil de usar, sin tener que personalizarlo. Puede dividirse en varias columnas, si es necesario, y mantener diferentes directores abiertos en diferentes terminales que puede cambiar a través del desplegable. Funciona tan bien con la función que parecía natural incluirla aquí. 4. La consola de solución de problemas

La consola de solución de problemas también es una de las características predeterminadas en el código VS, lo que lo hace destacar por otros editores de código. Comenzando con este escrito, hay 171 entornos de solución de problemas disponibles para la instalación en el código VS. No ofrece un número, pero quería saber y me di cuenta de que tú también lo hiciste, así que conté manualmente.
Dentro de los resultados, puede encontrar solucionadores de problemas para todo lo que pueda imaginar. JavaScript, Coffeescript, Coffee, Java … Todos los scripts con cafeína, de hecho. Tienes medios que toman Python y Ruby, Docker, PHP, Sass, Less y … todo. De todos los lenguajes de programación oscuros y / o de muerte para los cuales intenté encontrar un arbusto, Qbasic fue el único que no vino con ningún resultado. Y nadie lo ha usado durante mucho tiempo. Realmente creo que sería difícil para ti encontrar algo en uso moderno que no esté disponible en el mercado de extensiones. 5. Mercado de extensión

Dicho esto, una mirada más profunda al mercado de extensiones le brinda una idea del tipo de herramientas que puede esperar de la comunidad de desarrollo del editor. Puede ver en la captura de pantalla por encima de los millones de instalaciones que tienen algunas extensiones y, si no está seguro de dónde comenzar, clasificar por instalación o popularidad puede ser la mejor apuesta. Puede hacer el tipo y buscar palabras clave usando el parámetro @sort . Pero también puede hacer clic en Ellipsa (2) para una lista de caída con todas sus opciones. Las opciones para administrar sus propias extensiones instaladas también están disponibles aquí. Después de encontrar algo que desea instalar, es muy simple de hacer. Haga clic en el botón de instalación verde,
Luego deberá recargar el editor de código VS para completar la instalación.

Eso es todo. Después de completar, su extensión está lista para usar. Sin embargo, es posible que desee volver a la pestaña Detalle ocasionalmente, porque varios problemas están cubiertos allí, a menudo mediante etiquetas actualizadas y codificadas por colores.

Verificar el estado de la adicción y la vulnerabilidad es excelente y puede ver cualquier problema abierto con extensiones y cuánto tiempo lleva resolverlos. No todas las extensiones mostrarán toda la información, pero cuando lo hacen, es increíblemente útil. Los comandos más rápidos y las teclas de teclado, quizás la parte más importante de un editor de códigos son los atajos y teclas del teclado. Todas las cosas de las que ya hemos hablado son geniales y son una parte integral del éxito del editor y el proyecto. Pero una vez que te acostumbras a un mapa de teclas y tus dedos los usan a través de la memoria muscular, el cambio en uno nuevo es casi imposible. En el mejor de los casos, el intercambio ralentizará su programa de proyecto y reducirá su eficiencia y, en el peor de los casos, sus dedos cometen una inyección catastrófica en la base de código. Independientemente de de dónde viene de cuando migra al código VS, la comunidad lo cubre. Ya sea Vim, Emacs, Text Sublime o incluso Notepad ++, puede mantener su teclado y teclas a las que está acostumbrado. Puede buscar en el mercado de extensiones con @Recommended: Keymaps o acceder al archivo – Preferencias – KeyMaps para mostrar la lista de extensiones disponibles. Y si no tiene preferencia por atajos, está bien. Si siente la necesidad de personalizar cualquier cosa (o solo desea una descripción de los accesos directos de teclado disponibles en el código VS de forma predeterminada), puede acceder a los atajos de teclado del archivo – preferencias -.


Varias funciones que debe conocer como una presentación general, debe ver en este momento la mayoría de lo que el VS puede ofrecer como editor de texto y código. Dicho esto, hay un puñado de cosas útiles que debes saber. 1. El menú de selección Esto es útil independientemente del nivel de desarrollo que tenga, pero es especialmente útil si es nuevo para los editores en general. El menú de selección tiene una serie de funciones que encontrará invaluables. Específicamente, la posibilidad de usar agregar los cursores a la línea termina con un clic es agradable y la posibilidad de acceder al menú y seleccionar todas las apariencias de una palabra, frase, frase o fragmento resaltado del archivo actual. La mayoría de los editores tienen estos atajos, pero no todos tienen tan fácil de etiquetar o disponibles como el código vs. Fue refrescante verlos en frente, porque son algunas de las órdenes más valiosas y prominentes que usará. 2. El menú terminal solo porque está trabajando en un editor de códigos no significa que sea un asistente de línea de comandos. De hecho, es posible que haya examinado la línea de comando y la sección terminal anterior y pensó que nunca la usará. Pero mira el menú terminal. Incluso si no hace mucho con él, verá algunos comandos básicos que puede ejecutar desde el menú, lo que podría ayudar a su desarrollo.

Solo acceda a ellos a través de un menú, en lugar de tener que conocer los comandos de shell, abrir la terminal y la fiesta y la línea de pedido de una manera que pierden muchas aplicaciones.Los pequeños toques que hacen que el código VS realmente atraiga a todos, no solo a los codificadores veteranos de VIM o Emacs.3. Modo Zen En el menú Visualización, encontrará un submenú llamado aspecto que contiene una opción de modo Zen de palanca.Las otras opciones en la vista merecen ser revisadas y experimentadas, pero quiero llamar su atención sobre el modo Zen, porque espero que muchas personas nunca lo hayan probado. Los diferentes bordes pueden llamarlo con diferentes nombres, pero la idea general es que Completa toda su pantalla solo con el documento que está editando actualmente.Es diferente de un modo de pantalla completa al no maximizar la aplicación, sino el documento.