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,
  },