Este proyecto es una extensión de Visual Studio Code que ayuda a organizar los archivos de un proyecto web según diferentes frameworks y estructuras. Proporciona comandos para crear una estructura de carpetas y mover los archivos a las ubicaciones correspondientes.
Instalación
Abre Visual Studio Code.
Ve a la sección de Extensiones (Ctrl+Shift+X o Cmd+Shift+X).
Busca "re-organizer" y instala la extensión.
Uso
Después de instalar la extensión, podrás acceder a los siguientes comandos desde la paleta de comandos (Ctrl+Shift+P o Cmd+Shift+P):
re-organizer.html: Mueve los archivos HTML, CSS, JS e imágenes a las carpetas correspondientes.
re-organizer.next: Crea una estructura de carpetas para Next.js y mueve los archivos a sus ubicaciones correspondientes.
re-organizer.astro: Crea una estructura de carpetas para Astro y mueve los archivos a sus ubicaciones correspondientes.
re-organizer.viteReact: Crea una estructura de carpetas para Vite con React y mueve los archivos a sus ubicaciones correspondientes.
re-organizer.viteVue: Crea una estructura de carpetas para Vite con Vue y mueve los archivos a sus ubicaciones correspondientes.
re-organizer.viteAngular: Crea una estructura de carpetas para Vite con Angular y mueve los archivos a sus ubicaciones correspondientes.
re-organizer.viteSvelte: Crea una estructura de carpetas para Vite con Svelte y mueve los archivos a sus ubicaciones correspondientes.
Estructura de Carpetas
A continuación, se muestra la estructura de carpetas que se crea para cada comando:
re-organizer.html
carpetaTrabajo/
css/
js/
img/
assets/
re-organizer.next
carpetaTrabajo/
node_modules/
public/
src/
components/
layouts/
pages/
services/
stores/
styles/
tests/
utils/
api/
re-organizer.astro
carpetaTrabajo/
node_modules/
public/
img/
src/
components/
layouts/
pages/
services/
stores/
styles/
tests/
utils/
api/
assets/
re-organizer.viteReact
carpetaTrabajo/
node_modules/
public/
styles/
src/
app/
components/
pages/
styles/
utils/
assets/
img/
tests/
components/
pages/
re-organizer.viteVue
carpetaTrabajo/
node_modules/
public/
src/
app/
components/
pages/
styles/
utils/
assets/
css/
fonts/
images/
layouts/
store/
tests/
re-organizer.viteAngular
carpetaTrabajo/
node_modules/
src/
app/
components/
environments/
guards/
models/
pipes/
services/
styles/
assets/
test/
environments/
e2e/
re-organizer.viteSvelte
carpetaTrabajo/
node_modules/
public/
images/
src/
app/
utils/
stores/
components/
assets/
routes/
re-organizer.remix
carpetaTrabajo/
node_modules/
src/
app/
assets/
routes/
components/
Contribución
Si encuentras algún problema o tienes sugerencias para mejorar esta extensión, no dudes en abrir un issue o enviar un pull request en el repositorio de GitHub.
