Extensión de VSCode para formateo automático de typescript, javacsript, css,
json, html y svg.
🚀 Características
- Formateo automático para TypeScript, JavaScript, CSS, HTML, JSON y SVG
- Motor potente: Utiliza Deno fmt para un formateo consistente y rápido
- Integración nativa con VS Code
- Soporte completo para archivos
.ts, .tsx, .js, .jsx, .css,
.html, .json y .svg
📋 Requisitos
- Deno debe estar instalado en tu sistema
- Visual Studio Code versión 1.80.0 o superior
Instalación de Deno
Si no tienes Deno instalado, puedes instalarlo desde
deno.land:
# macOS/Linux
curl -fsSL https://deno.land/install.sh | sh
# Windows (PowerShell)
irm https://deno.land/install.ps1 | iex
🔧 Instalación
- Abre Visual Studio Code
- Ve a la pestaña de Extensiones (Ctrl+Shift+X)
- Busca "NB"
- Haz clic en "Instalar"
💡 Uso
La extensión se activa automáticamente cuando abres archivos de los tipos
soportados:
- TypeScript (
.ts, .tsx)
- JavaScript (
.js, .jsx)
- CSS (
.css)
- HTML (
.html)
- JSON (
.json)
- SVG (
.svg)
- Atajo de teclado:
Shift+Alt+F (Windows/Linux) o Shift+Option+F (macOS)
- Menú contextual: Clic derecho → "Formatear documento"
- Paleta de comandos:
Ctrl+Shift+P → "Format Document"
⚙️ Configuración
La extensión funciona sin configuración adicional. Utiliza las reglas de
formateo predeterminadas de Deno fmt, que incluyen:
- Indentación de 2 espacios
- Punto y coma automático
- Comillas dobles para strings
- Formateo consistente de objetos y arrays
🛠️ Desarrollo
Estructura del Proyecto
nb/
├── src/
│ └── extension.ts # Código principal de la extensión
├── package.json # Configuración y metadatos
├── tsconfig.json # Configuración de TypeScript
└── README.md # Este archivo
Compilar desde el Código Fuente
# Instalar dependencias
npm install
# Compilar
npm run build
# Compilar en modo watch
npm run watch
🐛 Solución de Problemas
Deno no encontrado
Si recibes errores sobre Deno no encontrado:
- Verifica que Deno esté instalado:
deno --version
- Asegúrate de que Deno esté en tu PATH
- Reinicia VS Code después de instalar Deno
- Verifica que el archivo tenga la extensión correcta
- Comprueba que no haya errores de sintaxis en el archivo
- Revisa la consola de salida de VS Code para mensajes de error
📝 Licencia
Esta extensión está disponible bajo la licencia MIT.
🤝 Contribuir
Las contribuciones son bienvenidas. Por favor:
- Haz fork del repositorio
- Crea una rama para tu feature
- Realiza tus cambios
- Envía un pull request
📞 Soporte
Si encuentras algún problema o tienes sugerencias, por favor abre un issue en el
repositorio del proyecto.
¡Disfruta formateando tu código con NB! ✨
