Beetter Comments
Podrás darle color a tus comentarios.
ext install aaron-bond.better-commentsCodeSnap
Capturas de pantalla profesional.
ext install adpyke.codesnapCSS Flexbox Cheatsheet
Abre un cheatsheet de css in vscode
ext install dzhavat.css-flexbox-cheatsheetES7 React/Redux/Styled-components snippets
Extensión simple para React, Redux y componentes con estilo en JS con sintaxis ES7
ext install woodreamz.es7-react-js-snippetsEslint
Este linter para JavaScript es uno de los más usados y conocidos. Te ayuda a encontrar errores de sintaxis, lógica o guías de estilo en tu código y te sugerirá las posibles soluciones. Tiene su configuración predeterminada pero también puedes personalizarla.
ext install dbaeumer.vscode-eslintIndent Rainbow
Te indica a través de barras de colores en qué nivel de indentación está tu código y así sea más fácil de leer. Si tienes un código pequeño puede que no lo necesites todavía, pero a medida que vaya creciendo sabes que vas a tener problemas, ¿o no? Esta extensión te hará tan feliz como un arcoíris después de la tormenta.
ext install oderwat.indent-rainbowLive Server
Esta es una de las extensiones más recomendadas por desarrolladores frontends, ya que crea un pequeño servidor local para que puedas ver lo que estás haciendo y se actualice automáticamente con cada cambio.
ext install ritwickdey.LiveServerPrettier
Esta extensión permite formatear el código según las reglas de cada lenguaje. Soporta la sintaxis de una gran cantidad de lenguajes, como JavaScript, JSX, Flow, TypeScript, JSON, HTML, Vue, Angular, CSS, Less, SCSS, GraphQL, MarkDown, CommonMark, MDX y YAML. Prettier ya trae sus reglas predeterminadas, pero tú también puedes crear las tuyas, como dónde van los saltos de línea, las tabulaciones, los espacios, etc.
ext install esbenp.prettier-vscodeProject Manager
Si es un administrador de proyectos de desarrollo de software y supervisa varios proyectos de DevOps en VS Code, debe probar Project Manager. La herramienta le permite acceder a todos los proyectos desde una computadora sin importar dónde estén disponibles los proyectos.
ext install alefragnani.project-managerSVG Preview
Te ayuda con toda la sintaxis de SVG, te resalta las coordenadas y el autocompletado de sintaxis.Al final también te permite previsualizar SVG. Si haces desarrollo web ya debes despedirte de los formatos PNG, JPG para los íconos y logotipos, ¡usa SVG y domina el futuro!
ext install SimonSiefke.svg-preview