Skip to content

Lista de extensiones y configuraciones de VSCode para TailwindCSS y Next.js (React.js) ​

En este artículo, te revelaremos las extensiones y trucos imprescindibles de Visual Studio Code (VSCode) para que te conviertas en un maestro de React y Tailwind. Aprenderás cómo optimizar tu flujo de trabajo y maximizar tu productividad mientras desarrollas proyectos de React utilizando las poderosas herramientas que VSCode tiene para ofrecer.

Desde extensiones que facilitan la escritura de código y el formateo hasta aquellas que te brindan sugerencias inteligentes y resaltado de sintaxis, te guiaremos a través de cada una de ellas para que puedas sacar el máximo provecho de tu experiencia de programación.

¡No te pierdas este video cargado de consejos y trucos que te llevarán a otro nivel en el desarrollo de aplicaciones con React y Tailwind!

Base ​

Javascript ​

no agregar import react

TailwindCSS ​

HTML a JSX ​

ESLint, Typescript ​

Configuraciones ​

Format on save ​

format on save

Terminal integrated default ​

terminal integrated default profile windows

Terminal full width ​

full terminal vscode

full terminal vscode

Resaltar HTML tags ​

resaltar html tags

Single attribute per line ​

single attribute per line

Toggle line comment ​

Toggle line comment

Auto organize imports ​

ctrl + shift + p : settings.json y agregar:

json
"editor.codeActionsOnSave": {
    "source.organizeImports": true,
  },