By En este post se va acomentar 7 extensiones de Vs code. Primero de todo hay que explicar que es Vs code. Vs code es el editor de código más popular en la actualidad. Con la ayuda de las extensiones que se han desarrollado se pueden tener múltiples herramientas para transformar a VS code en el editor perfecto. Se puede tener una herramienta muy poderosa que ayuda a que escribir código sea más fácil.
La primera extensión css Peek. Esta extensión permite ahorrar tiempo cuando hay que modificar estilos de elementos en css. En alguna ocasión, se puede tener un proyecto que es lo suficientemente grande y a veces puede ser que lleve mucho tiempo encontrar esa clase de css. Y css Peek facilita justamente esto mismo. En el caso de Windows si se clica la tecla ctrl y tener el puntero sobre el nombre de la clase o ID y mostrará la definición del código css. Al hacer clic aparece un acceso rápido al archivo donde hay la definición. Hay una vista previa donde se puede modificar y guardar directamente el código css. Esto depende de si hay muchas definiciones con la misma clase ID. Por ejemplo cuando se utiliza pseudo elementos o pseudoclases. También sirve con react. Esta extensión no es incompatible con react y sirve con los lenguajes html y css.
La siguiente extensión Json to ts sirve para trabajar con el lenguaje typescript. Permite coger el código en javascript y transformarlo en un lenguaje fuertemente tipado. Se puede crear interfaces que nos ayudan a tipar el código. Json to ts facilita mucho el trabajo ya que da la posibilidad de ingresar un objeto tipo Json y este lo transforma directamente en una interfaz si se clica en shift + ctrl +alt+v cuando se tiene copiado el objeto Json, se pegará el código. La interfaz escrita en typeScript e igualmente se puede presionar shift + ctrl+alt+S y lo que hará será crear una interfaz en un archivo nuevo.
La siguiente extensión, ES7 + react/redux/react-native snippets permite ahorrar mucho tiempo. De estas extensiones hay muchísimas para los diferentes lenguajes librerías y frameworks y es cuestión de buscar en el marketplace de bs para encontrar la más idónea para cada proyecto. Estas sirven para entregar atajos en el teclado de manera que clicando una combinación de letras, estas después se van a expandir en estructuras completas de código. En esta extensión en concreto sirve para dar atajos para javascript, react, react native, redux y también para consola.
Es una herramienta que permite de manera rápida hacer peticiones a una Api. De esta forma no hay necesidad de recurrir a una herramienta externa para realizar estas peticiones.
También hay otra extensión conocida que es javascript s6 code snippets. De muchas estas extensiones de snippets, el funcionamiento es muy parecido.
Rest client es otra herramienta que permite hacer peticiones muy rapida a la API sin necesidad de recurrir a una herramienta externa como insomnia y postman.
Otra herramienta que cumple la misma finalidad es Thunder Client. Thunder Client es un gestor de peticion es mucho más robusto que rest client. Es parecido a insomnia y postman. Se encuentra totalmente integrado en el editor de texto. La interfaz es mucho más parecida a la de los otros gestores y la ventaja a diferencia de la extensión anterior es que todo es mucho más visual y ordenado
Gitlens es otra extensión que permite utilizar el sistema de control de versiones git pero de una manera mucho más integrada el cambio más notable cuando se instala esque cuando el cursor se encuentra en una línea de código nos mostrará cuando ha sido la última vez que esta línea fue modificada en qué commit se guardó el último cambio y también que desarrollador realizó dicho cambio podemos ver por commits A qué archivos se le han hecho los cambios así como otras herramientas para poder trabajar con git de cierta manera es como tener mucha de la información que ya muestra kit pero mejor integrado con vs code y también de una manera mucho más visual además de tener una sección de botones dedicada para poder ver los cambios y comparar el archivo más reciente con las versiones en las que se han realizado algún cambio
La última de las extensiones es Code GPT que hace uso de la Inteligencia artificial. Dentro de la inteligencia artificial hay muchas disciplinas como por ejemplo las herramientas de autocompletado. Como por ejemplo tabline github copilot o codewhisperger de Amazon, hay desarrolladores a favor y en contra de estas herramientas. Code GPT dónde se le pide un código y él lo realiza, o que explique un código. También realiza testing, y ayuda a encontrar problemas. Esta herramienta es de pago.
Hasta aquí un resumen de las extensiones más conocidas por VS Code.
