awesome vite
1.0.0
Una lista seleccionada de cosas increíbles relacionadas con Vite.js
Utilice el menú "Tabla de contenido" en la esquina superior derecha para explorar la lista.
Documentación
Repositorio de GitHub
Notas de la versión
Documentos de Vue 3
Vista impresionante
Migración desde v4
create-vite: estructuración de su primer proyecto Vite.
create-vitawind - Andamio para el proyecto TailwindCSS.
create-electron-vite - Armado de su proyecto Electron + Vite.
create-vite-app: estructuración de su proyecto Vite listo para usar.
create-nx-workspace - Andamiaje de Nx + React + Vite + Vitest.
bati - Andamios en un proyecto Vike.
create-awesome-node-app: estructura tu proyecto eligiendo entre diferentes plantillas.
vite-vanilla-ts-lib-starter: iniciador para biblioteca (CJS, ESM, IIFE) con TypeScript, ESLint, Stylelint, Prettier, Jest, Husky + lint-staged.
vite-tailwind-nojs-starter - Plantilla de inicio CSS de NoJS Tailwind.
vite-tailwind-stimulus-starter: plantilla de inicio para controladores Tailwind CSS y Stimulus.
vite-phaser-ts: plantilla inicial con Phaser y Typecript.
vite-tinybase: plantilla de inicio para TinyBase.
vite-tinybase-ts: plantilla de inicio para TinyBase y TypeScript.
vite-vanilla-js-template: plantilla de inicio ESlint, Prettier, PostCSS, Nesting, Autoprefixer, CSS Nano, CSS Reset.
vite-starter-markup-template: plantilla inicial para marcado.
create-domco: plantilla de inicio para domco.
vite-vanilla-library-template: plantilla de inicio TypeScript, ESLint, Vitest, Husky, confirmaciones convencionales, acciones de GitHub.
vite-alpine-template: plantilla inicial para Alpine.
vite-ts-lib-starter: plantilla de inicio para bibliotecas con TypeScript, Bun, Vitest, Prettier, Renovate y np.
vite-swagger-ui: interfaz de usuario Swagger con soporte integrado para múltiples API.
Vitesse: plantilla inicial obstinada.
vite-ts-tailwind-starter: TypeScript, Tailwind CSS, pruebas Cypress.io e2e + CI.
vue-vben-admin: plantilla de gestión de fondo basada en Vue3, Ant-Design-Vue, TypeScript.
vue-pure-admin: plantilla de gestión de fondo basada en Vue3, TypeScript, Tailwind CSS, element-plus.
fast-crud: marco de crud orientado a opciones, que desarrolla crud tan rápido como un rayo.
vitesse-lite: versión ligera de Vitesse.
vitesse-webext: plantilla de inicio de WebExtension Vite.
naive-ui-dashboard-template: compatible con la interfaz de usuario, Vue 3 + TSX + TailwindCSS 2 JIT + PostCSS + Naive UI.
Vitawind Creator: cree un proyecto TailwindCSS rápidamente.
vue3-tailwind3-website-starter: plantilla de inicio de sitio web Vue3/Vite/TailwindCSS, con guías en cada página.
boot-vue: plantilla de inicio con TypeScript + UnoCSS + DaisyUI + Vue Router + Pinia.
Vue Naive: plantilla de administración, basada en Vue 3 + Pinia + Naive UI.
vue-admin-box: plantilla de administración, basada en Vue 3 + Element-plus.
vite-vue-proste - Pinia + Typescript + Vue-Router4 + Vitest + Vue-Test-Utils + Vue-Query + Sass + ESLint + Stylelint + Prettier + project presets .
vue-vite-ssr: mecanografiado, Eslint, Stylelint, Husky, Lint-staged y Commitlint.
vue3-vant-mobile - Vite5 + Vue3 + Vant4 + Pinia + Vue-Router4 + Plantilla móvil TypeScript.
vue-vite-tw-ts - Vue 3 + Vite + Vitest + Cypress E2E + Naive UI + Pinia + Vue Router.
vite-vue-js-starter-template - Vite + Vue3 + JavaScript + Vue Router + Pinia + TDesign + ESLint + Stylelint + Plantilla más bonita y sencilla.
vue-xs-admin: basado en Vue3, Vite3 ElementPlus, TypeScript, Pinia, VueRouter.
vulcan: la plantilla para aplicaciones móviles. Vite, Vue 3, TypeScript, Sass, i18n, Vitest&Cypress, Pinia, APIs&Mock, ESLint, Prettier, importación automática.
antdv-pro: AntdvPro es un conjunto completo de soluciones de diseño/front-end mid-backend de nivel empresarial basadas en Vue3, Vite4, ant-design-vue4, Pinia, UnoCSS y Typescript.
vue3-quick-start: creación de un proyecto Vue 3 diseñado, integrado con Vite + Vue3 + TypeScript + ESLint + Prettier + Commitizen + Husky + LintStaged + CommitLint + AutoImport + ReleaseIt .
antd-vue3-admin: una plantilla inicial basada en Vue3, Vite4, TS5 y Ant-Design-Vue4.
vue-file-upload: un sistema de administración de archivos creado con Vue3 y TypeScript que permite cargar archivos únicos o múltiples con una función de vista previa.
arco-admin: Vite + ArcoDesign + TypeScript sigue los estándares ESM y ofrece una plantilla lista para usar, estandarizada y rica en funciones para sistemas de gestión intermedia y administrativa.
plantilla-admin-vuetify-nuxtjs-libre-material - Vuejs 3, Vite 5, Vuetify 3 y NuxtJS 3.
vite-plugin-vue-style-bundler: agrupa automáticamente estilos Vue/sfc en JavaScript.
celeris-web - Plantilla basada en Vite + Vue3 + TypeScript + Vue-Router + Pinia + Unocss + Naive UI + pnpm Monorepo .
vite-ts-starter: plantilla de localización de enrutador dinámico Vue I18n , aplicaciones internacionalizadas con UnoCSS + Unplugin + Element-Plus + Vitest + TypeScript + Vue-Router + Vuex + Scss + ESLint + Stylelint + Husky + lint-staged .
vite-vue2-windicss-starter: Vue 2, enrutador Vue, API de composición, VueUse, Windi CSS y TypeScript.
vite-vue2-ts-starter: plantilla de inicio de Vue2 TypeScript usando vue-property-decorator, vue-router, Vuex.
vite-vue2-ts-vuetify-starter: es el vite-vue2-ts-starter anterior con Vuetify y su configuración optimizada. Incluye plantillas básicas.
vitify-admin: plantilla inicial de administración de Vuetify con soporte completo para TypeScript e inteligencia de los componentes de Vuetify.
Vitamina: React TypeScript, TailwindCSS, SPA + PWA, Cypress y CI.
vite-template-react: una plantilla similar a la aplicación Create React.
vitejs-template-react-rescript - Reaccionar + ReScript.
template-vite-react: una plantilla inicial mínima de React Vite.
reactjs-vite-tailwindcss-boilerplate: React 18, TypeScript, Vitest, Biblioteca de pruebas, TailwindCSS 3, Eslint y Prettier.
vite-react-ts-tailwind-firebase-starter - Iniciador usando Vite + React + TypeScript + Tailwind CSS (daisyUI) + Firebase (v9) + Prettier + ESLint.
create-react-app-vite: React, TypeScript, TailwindCSS, MSW, Vitest, React Testing Library, ESLint, Prettier, GitHub Actions.
chrome-extension-boilerplate-react-vite - React + TypeScript + SASS + Prettier + ESLint + Acciones de GitHub + HMR (Recarga de módulo activo) + Turborepo + Manifiesto de extensión de Chrome v3.
vite-rtk-query: React, TypeScript, Redux Toolkit, consulta RTK, TailwindCSS, MSW, Jest, React Testing Library, ESLint, Prettier.
vite-react-proste - React + TypeScript + react-router-dom + Recoil + SASS + Biblioteca de pruebas + react-query + ESLint + Stylelint + Prettier.
React-PWA: React v18, TypeScript, Vite, React Router v6, MUI v5, Recoil, PWA, Eslint, Prettier, Husky, lint-staged, https localhost y más.
reaccionar-vite-ssr - Mobx, Typescript, Eslint, Stylelint, Husky, Lint-staged y Commitlint.
Viterts - React + TypeScript + Redux + React Router + Jest + ESLint + Airbnb + Prettier + SASS.
ViteRC - React 18 + TypeScript + ESLint (Airbnb) + Prettier + Husky + Jest + Importaciones absolutas + Confirmar linting.
Kit de inicio de React: Jamstack, React, React Router, Material UI, Firebase Auth, TypeScript, ESLint, Prettier, Jest, GitHub Actions.
vite-mern-template - React 18 + TypeScript + Vite + Redux Toolkit + ESLint + React Router DOM + Axios + React Icons + React Toastify + Express + Mongoose.
Varsarr: React, Typecript, Styled-Components, Recoil, React-Query, Axios, Importaciones absolutas.
viterjs-template - React + JavaScript + Redux + Material UI + Axios + ESLint + Prettier.
reaccionar-vite-ts-boilerplate - React 18, TypeScript, SCSS, ESLint, Prettier, Vitest.
vite-react-universal-template: React18 + TypeScript + react-router-dom + Zustand + ESlint + Prettier + Stylelint + Husky + Docker e importación automática de API.
react-vite-template: una plantilla de proyecto de reacción.
react-xs-admin: la plantilla del sistema de gestión en segundo plano desarrollada en base a React18 + ReactRouteV6 + Vite + And Design + ReactIntl + ReactRedux + Emulación.
vite-mui-ts - React + TypeScript + Redux + Material UI + RRD + ESLint + Prettier.
template-vite-react-ts-tailwind - React + TypeScript + Tailwind CSS + Eslint + Prettier.
vite-react-ts-template: React 18, TypeScript, ESlint, Prettier, Dev Container, Vitest, Storybook, Playwright, MSW, React Router 6, React Query, Chakra UI, Zustand.
react-vite-tailwindcss-template: React, JavaScript, TailwindCSS, ESlint, Prettier, Pre-commit.
vite-tinybase-react: plantilla de inicio para TinyBase y React.
vite-tinybase-ts-react: plantilla inicial para TinyBase, TypeScript y React.
vite-react-ssr-boost-template: plantilla para crear aplicaciones React 18 SSR/SPA con TypeScript , Mobx , React Router , Head Manager , Suspense, Streaming. También se incluyen CI/CD, ESLint , Prettier , Stylelint , Husky , Semantic Release .
vite-react-ts-shadcn-starter: plantilla para crear aplicaciones React 18 SPA con TypeScript , React Router , Tailwind CSS , Shadcn UI , React Query , ESLint , Prettier , Stylelint , Husky , React-i18next , Transmart .
template-tauri-vite-react-ts-tailwind - Plantilla para Tauri + React + Typecript + TailwindCSS + Prettier + ESLint integrado.
vite-react-chakra-starter: plantilla de inicio para crear la aplicación React con TypeScript y Chakra UI. Configurado con ESLint, Prettier y Husky.
vite-react-tailwind-starter: plantilla de inicio para crear la aplicación React con TypeScript y Tailwind CSS con Shadcn UI. Configurado con ESLint, Prettier y Husky.
monorepo-template-react: plantilla React + Typecript para suministro de SSR, SPG, SPA y API.
vite-react-dapp-template: plantilla de inicio para el desarrollo de aplicaciones descentralizadas con autenticación de billetera preconfigurada, i18n y funciones de interfaz de usuario.
vite-express-ssr-ts: plantilla React + Typecript + ExpressJS + Vite SSR con función API incorporada.
vite-react-flow-template: plantilla de inicio de React Flow.
react-vite-template: React, TypeScript, Vite, Mantine, Million, Husky, Prettier, Import Sorter, Lint-staged.
Gravity-ui-vite-template: plantilla con ecosistema Gravity UI (React, TypeScript, Gravity UI, Vite, Husky, ESLint, Prettier, Lint-staged).
vite-react-component-library-starter: una plantilla inicial para crear bibliotecas de componentes de React con TypeScript , Tailwind CSS , Storybook , Vitest , ESLint , Prettier , Husky y GitHub Action .
vite-template-awesome-soho: plantilla DevContainer para crear React 18 , Javascript + JSDoc , React Router , Ant Design , ESLint , EditorConfig , .env , SonarLint , Vitest .
react-component-library-vite: una plantilla de biblioteca para React , Javascript , Styled-Components , Vitest , React Testing Library , Storybook .
ReTail: plantilla de inicio para crear aplicaciones WEB Full Stack con Remix usando TypeScript , Tailwind CSS , Prettier y ESLint .
vite-react-redux-saga-typescript: plantilla de inicio con React , TypeScript , Redux (Redux Toolkit) , Saga , React Testing Library , ESLint , Prettier y Husky .
vite-complete-react-app: plantilla de inicio para crear aplicaciones web utilizando React , TypeScript , Redux Toolkit , React Router , Axios , Sass , Moment , ESLint , Prettier y React Testing Library .
vite-react-framer-starter: plantilla inicial con React , TypeScript , Framer Motion , Tailwind CSS , ESLint y Prettier .
vite-jsx-remove-attributes: elimina el data-testid (configurable) de las compilaciones de producción.
React Tanning: plantilla inicial con React + Vite + TypeScript + TanStack + Tailwind .
Reactive: plantilla inicial React con convención de enrutamiento basada en archivos Remix para react-router , UnoCSS , LinguiJs , zustand y un montón de funciones.
RVTGB: plantilla inicial React + TypeScript , con enrutamiento basado en archivos con Generouted y Biome .
vite-biome-tailwind-template: React, Typecript, Biome, Tailwind CSS.
React Dapp Starter: iniciador de DApp Web3 listo para la empresa con TypeScript , TailwindCSS , Web3Modal , Wagmi , Shadcn UI , Zustand y TanStack Query para aplicaciones descentralizadas escalables.
vite-template-react-ts-jest - React + TypeScript + Jest .
vite-amplify: plantilla con SSR + API Express + alojamiento AWS Amplify.
react-component-library-template: una plantilla de biblioteca para React , TypeScript , Vitest , React Testing Library , Storybook , Biome , Stylelint .
react-boilerplate: plantilla para arrancar con Eslint + Husky + Prettier .
SvelteKit: la forma más rápida de crear aplicaciones Svelte.
svelte-vite-ssr: Svelte con soporte SSR.
template-vite-svelte-ts-tailwind - Esbelto + TypeScript + Tailwind CSS + Más bonito.
vite-svelte-flow-template: plantilla inicial de Svelte Flow.
vite-svelte-docker-template - Docker + Svelte + Vitest .
vitesse-solid - Plantilla inicial de Vite + SolidJS con opiniones. Incluye TypeScript, ESLint, Prettier, UnoCSS, HopeUI y más.
vitesse-lite-solid - Plantilla de inicio Vite ligera para SolidJS.
electron-vite-vue - Plantilla Electron + Vite + Vue.
electron-vite-react - Plantilla Electron + Vite + React.
electron-vite-boilerplate: admite complementos SerialPort, SQLite3 y nodo C/C++.
plantilla-vite-electrón: Electron 13, Vue 3 y TypeScript. Facilite el desarrollo de su escritorio.
fast-vite-electron - Vue3 + Vite + Electron con esbuild.
fast-vite-nestjs-electron - Vue3 + Vite + Electron + Nestjs con esbuild.
vite-plugin-electron-quick-start: plantilla para proyectos de Electron.
vite-electron-builder: aplicaciones de Electron que utilizan Vite tanto para el back-end como para el front-end, con lanzamientos automáticos.
vite-reactts-electron-starter: React, Tailwind CSS, TypeScript y Electron.
electron-vue-template: plantilla de Electron con TypeScript, incluido Electron Builder.
Vitron: cree hermosas aplicaciones de escritorio (win, linux, mac) para proyectos web modernos con vite y electron.
Vutron - Plantilla Electron + Vite + Vue 3 + Pinia (TypeScript).
vite-electron-plugin: complemento Vite Electron de alto rendimiento basado en esbuild.
vite-plugin-doubleshot: para crear el backend de Node.js o el proceso principal de Electron.
vite-react-neutralino-template - Plantilla Neutralino + Vite + React.
vite-elm-template: una plantilla predeterminada para crear aplicaciones Elm.
elm_vite_tailwind_template: plantilla con opiniones para crear aplicaciones web de Elm utilizando Tailwind CSS y Daisy UI.
github-action-template: plantilla inicial para acciones de GitHub, Typecript, ESLint, Vitest, Husky y confirmaciones convencionales.
vit-singlefile-gzip: plantilla inicial para incrustado.
11.º kit de inicio: 11ty, impulsado por Vite con Tailwind CSS y Alpine.js.
chrome-ext-template-preact-windi-vite: Preact, Windi CSS, TypeScript, Prettier, ESLint, GitHub Actions y Chrome Extension Manifest v3.
vite-vue3-chrome-extension-v3: plantilla inicial de extensión web para Chrome, Firefox y Edge.
@vitejs/plugin-legacy: compatibilidad con navegadores antiguos.
vite-plugin-pwa: PWA de configuración cero.
vite-plugin-windicss - Integración CSS de Windi.
vite-plugin-node: integración con servidores backend de Node.js.
vite-plugin-cesium: integración con la biblioteca Cesium.
vite-plugin-linter: marco linter extensible que muestra la salida de linting en la salida de Vite y la consola del navegador, incluye ESLint y TypeScript ootb.
vite-plugin-checker: verificadores de ejecución rápida (TypeScript/VLS/vue-tsc, etc.) en subprocesos de trabajo con superposición y sugerencia de terminal.
vite-plugin-tauri: integra Tauri en un proyecto de Vite para crear aplicaciones multiplataforma.
vite-plugin-federation: Federación de módulos de soporte, inspirada en la función Federación de módulos de Webpack.
vite-plugin-wasm-pack - Integración con Rust Wasm-pack, de forma sencilla.
vite-plugin-comlink: utilice WebWorkers con el poder de Comlink para hacerlos agradables.
vite-plugin-sass-dts: este es un complemento que crea automáticamente un archivo de tipo cuando se utiliza el módulo CSS de forma segura.
vite-plugin-ali-oss: cargue los archivos de producción incluidos en el proyecto en Ali OSS, excepto HTML.
vite-plugin-webfont-dl: descarga e inyecta fuentes web (Google Fonts) para mejorar el rendimiento del sitio web.
vite-plugin-babel: integración de Babel tanto para la compilación como para el servidor para admitir f.ex. decoradores o campos de clase en archivos JS/JSX puros.
vite-plugin-electron: integra Vite y Electron.
vite-plugin-optimizer - Preagrupación manual.
vite-plugin-babel-compiler: el complemento funciona con el compilador Babel.
vite-plugin-commonjs: una implementación de JavaScript pura para CommonJs.
vite-plugin-mpa-plus: MPA (aplicación de varias páginas) más flexible admite plantillas html y reescritura de rutas.
vite-plugin-multi-pages: soporte para varias páginas, puede crear src/pages en cualquier página, puede configurar el nombre del prefijo.
vite-plugin-html-template-mpa: compatibilidad con plantillas comunes de varias páginas.
vite-plugin-vconsole-mpa: Vconsole admite varias páginas, configuración simple.
vite-plugin-browser-sync - BrowserSync.
vite-plugin-jspm: resuelve dependencias independientemente de los proveedores de CDN mediante mapas de importación y es-module-shims.
vite-plugin-env-switch: cambia el entorno del proyecto y reinicia el servidor vite sin operación de línea de comando.
vite-plugin-virtual-mpa: complemento MPA listo para usar, con motor de plantillas html y soporte para archivos virtuales, que genera múltiples archivos usando una sola plantilla.
vite-plugin-stylelint: ejecuta Stylelint de forma sincrónica/asincrónica.
Vite-plugin-graphiql: integración para GraphiQL IDE.
vite-plugin-graphql-server: inicia un servidor GraphQL local para pruebas y documentación.
unplugin-fonts: carga fuentes de Typekit, Google Fonts, Fontsource o una personalizada.
unplugin-config: generador de archivos de configuración para aplicaciones web, que permite la personalización externa de variables globales sin volver a empaquetarlas.
vite-plugin-svg-spritemap: genera un mapa de sprites SVG a partir de múltiples archivos .svg.
vite-plugin-dc: integración con la biblioteca @dvgis/dc-sdk.
@spiriit/vite-plugin-svg-spritemap: empaqueta tus archivos SVG en un archivo spritemap y úsalos con <svg> / <img> y directamente en tu CSS.
vite-plugin-auto-mpa-html: un complemento de compilación de varias páginas automatizado basado en directorio de archivos que admite plantillas HTML utilizando EJS.
vite-plugin-cloudflare-functions: integración de funciones de páginas de Cloudflare.
@storybook/builder-vite - Creador de libros de cuentos.
@builder.io/partytown: reubique los scripts de terceros que consumen muchos recursos fuera del hilo principal y colóquelos en un trabajador web.
vite-plugin-dynamic-proxy: configura automáticamente servidores proxy inversos según los parámetros de URL.
unplugin-auto-export: automatiza el mantenimiento de declaraciones de exportación en el archivo index.ts.
remix-development-tools: complemento para las herramientas de desarrollo Remix.run.
vite-plugin-legacy-swc: compatibilidad con navegadores antiguos con SWC.
vite-plugin-biome - Bioma linter.
vite-plugin-oxlint - Linter de Oxlint.
@tomjs/vite-plugin-electron: desarrolle fácilmente aplicaciones Electron .
@tomjs/vite-plugin-vscode: utilice fácilmente marcos web para desarrollar Webview de VSCode Extension y admita HMR y Debug .
vite-plugin-px-rem-vw: integra el complemento PostCSS pxTorem y pxTovw.
vite-plugin-mpg: configuración sencilla de aplicaciones de varias páginas.
vite-plugin-pagefind: integra la búsqueda de búsqueda pagefind .
@mistjs/vite-plugin-px2viewport: un complemento que convierte automáticamente estilos en línea y archivos de estilo de unidades px a unidades vw.
vite-multiple-assets: agregue soporte para múltiples directorios de activos públicos.
vite-create-production-server-plugin: activa un servicio HTTP de producción después de la compilación.
vite-plugin-eslint2: ejecuta ESLint de forma sincrónica/asincrónica.
genaicode/vite-plugin: un complemento que incorpora un asistente de codificación de IA en la interfaz de usuario de la aplicación.
unplugin-icons: acceda a miles de íconos como componentes.
vite-imagetools: carga y transforma imágenes utilizando parámetros de consulta de URL.
vite-plugin-radar: cargador de análisis todo en uno (compatible con más de 7 proveedores).
vite-plugin-glsl: importa fragmentos de archivos de sombreado.
vite-plugin-svgo: carga archivos SVG como una cadena simple y los transforma con la biblioteca SVGO.
vite-plugin-remark-rehype: carga y transforma archivos de rebajas utilizando el ecosistema unificado.
vite-plugin-php: carga y procesa archivos de entrada PHP en lugar del index.html predeterminado.
vite-plugin-lqip: genera marcadores de posición de imágenes de baja calidad (LQIP).
vite-plugin-ms-clarity: inyecta el script Microsoft Clarity en index.html .
@cyco130/vite-plugin-mdx - Importar MDX.
vite-awesome-svg-loader: importa SVG como código fuente, base64 y URI de datos. Conserva el ancho del trazo, reemplaza los colores con currentColor. Optimiza los SVG con SVGO. Crea sprites SVG.
vite-plugin-dir2json: convierte la estructura del directorio en datos json que contienen rutas de archivos compatibles.
rollup-plugin-critical: genera CSS crítico.
vite-plugin-dts: genera archivos de declaración a partir de archivos fuente .ts o .vue para lib.
vite-compression-plugin: utilice el archivo comprimido de flujo Node.js en gzip o más.
vite-plugin-chunk-split: división automática de código, admite desagregación en producción.
vite-plugin-static-copy: copia archivos y carpetas.
vite-plugin-zip-file: comprime archivos o carpetas en zip.
vite-plugin-zip-pack: empaqueta la carpeta de distribución/compilación en un archivo zip.
vite-plugin-cp: copia archivos después de crear paquetes.
unplugin-imagemin: imagen comprimida de alto rendimiento basada en squoosh y nítida.
vite-plugin-image-optimizer: optimice (comprima) sus recursos de imagen usando Sharp.js y SVGO en el momento de la compilación.
vite-plugin-no-bundle: genera código desagregado para usarlo con ESM nativo u otros paquetes.
vite-plugin-css-injected-by-js: toma el CSS y lo agrega a la página a través de JS.
unplugin-zip-pack: comprime tu dist con soporte para la función de filtro.
vite-plugin-singlefile: integra todos los recursos de JavaScript y CSS directamente en el archivo final dist/index.html .
vite-plugin-node-polyfills: módulos principales de Polyfill Node para entornos de navegador.
vite-plugin-cdn2: reemplaza el módulo con CDN.
vite-plugin-bundle-prefetch: inyecta recursos de captación previa en index.html .
vite-plugin-imagemin: optimiza y comprime tus recursos de imagen y, opcionalmente, crea WebP/AVIF.
vite-plugin-lib-types: genera un archivo DTS mientras crea la biblioteca.
vite-plugin-minipic: herramienta de compresión de imágenes eficiente.
vite-plugin-robots - Generando robots.txt .
vite-plugin-bundle-ofuscator: ofuscador de JavaScript.
@yuanjianming/unplugin-image-convert: complemento de conversión de imágenes multiformato basado en Sharp.js.
vite-plugin-dynamic-chunk: divide las dependencias entre entrada y entrada dinámica, y fusiona pequeños fragmentos.
@yuanjianming/unplugin-compress-svga - Comprime SVGA.
@yuanjianming/unplugin-font-spider: un complemento de compresión de fuentes web.
vite-plugin-static-filehash: puede ayudar al programa a mejorar la tasa de aciertos de la caché.
vite-plugin-html: complemento para minimizar y usar la sintaxis de la plantilla ejs en index.html .
vite-plugin-ts-nameof: capacidad de resolver el nombre de en TypeScript.
vite-plugin-handlebars: procesa archivos HTML con manillares.
vite-plugin-virtual-html: haga que Vite MPA sea coherente con @vue/cli .
vite-plugin-content: convierte archivos yaml , xml , ini , toml , csv , plist y properties a módulos ES6.
vite-plugin-require: un complemento de Vite que require la transformación de código.
vite-plugin-global-style: se ocupa de los estilos globales para CSS, SASS, LESS y Stylus.
vite-plugin-shared-modules: comparte node_modules en monorepos.
vite-plugin-pug-transformer: soporte del motor de plantillas Pug.
@import-meta-env/unplugin: inyecta variables de entorno en el objeto import.meta.env después de crear la aplicación en lugar de reemplazarla estáticamente durante la producción.
@modyfi/vite-plugin-yaml: transforma archivos YAML a ESM con validación de esquema e informe de errores.
vite-plugin-html-inject: divide el index.html en partes reutilizables más pequeñas.
unplugin-inject-preload: inyecta <link rel="preload"> en su index.html según sus recursos de compilación.
@vituum/vite-plugin-handlebars: compatibilidad con el motor de plantillas de manillares, transforma plantillas .hbs a .html .
@vituum/vite-plugin-pug: compatibilidad con el motor de plantillas Pug, transforma plantillas .pug a .html .
@vituum/vite-plugin-nunjucks: compatibilidad con el motor de plantillas Nunjucks, transforma plantillas .njk a .html .
@vituum/vite-plugin-liquid: compatibilidad con el motor de plantillas Liquid, transforma plantillas .liquid a .html .
@vituum/vite-plugin-twig: compatibilidad con el motor de plantillas Twig, transforma plantillas .twig a .html .
@vituum/vite-plugin-latte: compatibilidad con el motor de plantillas Latte, transforma plantillas .latte a .html .
@vituum/vite-plugin-posthtml: compatibilidad con PostHTML, transforma la sintaxis a .html .
@vituum/vite-plugin-juice: compatibilidad con Juice, transforma .css en estilos en línea en .html .
vite-plugin-version-mark: utiliza automáticamente package version / git commit / custom para insertarlo en su proyecto como un identificador único para la versión del proyecto.
vite-plugin-css-export: exporta variables de CSS a JavaScript y admite reglas anidadas.
vite-plugin-optimize-css-modules: genera las clases CSS más pequeñas posibles cuando se utilizan módulos CSS.
vite-plugin-generate-html: define archivos de salida separados para paquetes de JavaScript y CSS.
vite-plugin-turbo-console: mejora la legibilidad de console.log() .
vite-plugin-html-injection: inyecta fragmentos de código HTML, JavaScript y CSS en index.html .
vite-plugin-typescript-transform: aplica el compilador TypeScript durante la fase de construcción de transformación de Vite.
vite-plugin-public-typescript: inyecta Typecript en index.html .
unplugin-generate-component-name: genera automáticamente el nombre del componente.
@laynezh/vite-plugin-lib-assets: extrae archivos de recursos a los que se hace referencia en library mode en lugar de incrustarlos como base64.
css-media-splitter/vite-plugin: extrae todas las reglas At @media en archivos .css dedicados y los descarga solo cuando coincide con la consulta de medios.
@tomjs/vite-plugin-html: admite compresión, carga, CDN y otros para index.html .
@tomjs/vite-plugin-iconify: inyecta la variable global IconifyProviders en index.html para iconify y admite redes de área local y URL personalizadas.
vite-plugin-icons-spritesheet: genera una hoja de sprites y tipos de TypeScript a partir de iconos SVG escuchando los cambios en la carpeta de iconos.
vite-plugin-abbrlink: agregue el atributo abbrlink al archivo markdown en el directorio especificado.
vite-plugin-native: admite complementos nativos de Node/Electron C/C++.
@yoichiro/vite-plugin-handlebars: importación de plantillas de manillares .hbs como módulos ES.
vite-plugin-magic-preloader: genera etiquetas <link rel="prefetch" /> o <link rel="preload" /> a través de comentarios mágicos e inyéctalas en index.html .
vite-tsconfig-paths: soporte para el mapeo de rutas de TypeScript.
vite-aliases: generación automática de alias basada en la estructura del proyecto.
vite-plugin-mkcert: proporciona certificados del servidor de desarrollo https.
vite-plugin-vconsole: ayuda a los desarrolladores a utilizar vconsole para facilitar el desarrollo y la depuración móviles.
vite-plugin-mock-server: complemento de servidor simulado, compatible con el uso de TS y JS para escribir API simulada y HMR.
vitawind: instala y configura Tailwind CSS automáticamente.
vite-plugin-restart: reinicia el servidor Vite cuando se realizan cambios en el archivo.
vite-plugin-full-reload: recarga el navegador cuando se modifican archivos.
vite-plugin-tips: proporciona mejores consejos sobre el estado del servidor de desarrollo en la página.
vite-plugin-external: proporciona una forma de excluir dependencias del código de ejecución y de los paquetes de salida.
unplugin-auto-import: importación automática de API bajo demanda.
vite-plugin-inspect: inspecciona el estado intermedio de los complementos de Vite.
vite-plugin-remove-console: un complemento de vite que elimina console.log en el entorno de producción.
vite-plugin-dev-manifest: genera manifest.dev.json durante el servidor de desarrollo, para la integración de backend con cualquier lenguaje/marco.
vite-plugin-watch-and-run: observa algunos archivos (glob) y activa un comando. Para permitir que cualquier herramienta tenga un modo de vigilancia.
vite-plugin-dynamic-base: resuelve todos los archivos de recursos de la ruta pública dinámica.
vite-plugin-live-reload - Recarga en vivo.
vite-plugin-simple-vconsole: una vista de consola de depuración dentro de su aplicación para facilitar la depuración móvil, tanto para SPA como para MPA.
vite-plugin-qrcode: muestra el código QR al iniciar el servidor.
vite-plugin-cem: genera el manifiesto custom-elements.json para describir elementos personalizados.
vite-plugin-web-update-notification: detecta actualizaciones de la página web y notifica al usuario que la recargue. apoyo vite y umijs.
vite-plugin-browserslist-useragent: compila la consulta de la lista de navegadores en una expresión regular para probar el agente de usuario del navegador.
vite-plugin-validate-env: valida las variables de entorno en el momento de la compilación. Nunca más olvides una variable de entorno.
vite-plugin-mock-data: proporciona una forma sencilla de simular datos.
vite-plugin-reverse-proxy: a veces tenemos que redirigir scripts en el entorno de producción para depurar y resolver problemas, el complemento transformará el script que se entregará con el tipo MIME text/javascript al tipo MIME module .
vite-plugin-conditional-compile: sintaxis de compilación condicional basada en variables de entorno.
vite-plugin-mock-dev-server: servidor simulado para desarrollo, compatible con CJS/ESM/JSON, importación automática de archivos y HMR.
vite-plugin-api: genera mapeo de rutas para servicios de rutas API desde el árbol de directorios.
vite-plugin-shortcuts: agregue una población de claves de acceso directo personalizadas adicionales.
vite-plugin-entry-shaking: imita el comportamiento de vibración del árbol al importar código desde un archivo de entrada en modo de desarrollo.
vite-plugin-auto-alias: genera alias automáticamente según la ruta.
vite-plugin-image-placeholder: genera imágenes de marcador de posición mediante coincidencias de ruta.
vite-plugin-find-image-duplicates: busque si hay imágenes duplicadas en su proyecto al crearlo.
@froxz/vite-plugin-s3: le permite cargar archivos a S3.
vite-plugin-vitepress-auto-sidebar: genera automáticamente datos de la barra lateral escaneando directorios, basados en vitepress.
vite-plugin-global-const: define constantes para la reutilización de su código.
vite-plugin-cli-copy: inicia el proyecto y copia automáticamente la URL de red del terminal.
vite-plugin-module-list: importa automáticamente los módulos que se encuentran en una carpeta específica.
unplugin-info: exporta información de compilación como un módulo virtual.
vite-plugin-auto-origin: detecta la configuración de origen automáticamente en función de las solicitudes entrantes al servidor de desarrollo.
vite-plugin-deadfile: busca archivos fuente no utilizados en el proyecto.
vite-bundle-analyzer: utilidad que representa paquetes como un mapa de árbol interactivo.
vite-font-extractor-plugin: utilidad que minimiza las fuentes agrupadas mediante glifos.
vite-plugin-i18n-detector: carga diferida de recursos locales de i18n.
vite-plugin-ngrok: integración con Ngrok, que le permite compartir fácilmente su servidor de desarrollo local.
vite-plugin-docker: utilidad Docker basada en Dockerode.
vite-plugin-api-routes: genera mapeo de rutas para servicios de rutas API desde el árbol de directorios.
unplugin-detect-duplicated-deps: detecta dependencias empaquetadas duplicadas.
vite-plugin-vitepress-auto-nav: genera automáticamente configuraciones de nav y sidebar al escanear directorios, según VitePress.
vite-plugin-pretty-module-classnames: agrega el nombre de archivo sin el sufijo -module a los nombres de clase de los módulos CSS.
vite-plugin-serve-static: permite servir archivos estáticos arbitrarios que no se encuentran en el directorio public/ .
vite-plugin-valibot-env: valida variables de entorno con un esquema de Valibot.
vite-plugin-vitest-cache: optimiza el tiempo de ejecución Vitest mediante el almacenamiento en caché.
vite-preload: precarga módulos y hojas de estilo cargados de forma diferida que fueron renderizados por el servidor utilizando 103 Early Hints, encabezados de enlaces o etiquetas de enlaces.
vite-plugin-envtype-patch: genera información type para import.meta.env .
vitest: un marco de prueba nativo de Vite.
vitest-mock-extended: escriba extensiones simuladas seguras para Vitest.
cypress-vite: ejecuta las especificaciones de Cypress usando Vite.
vite-plugin-doctest: prueba de documentación para Vitest.
@poyro/vitest: prueba las integraciones de LLM con Vitest.
vite-plugin-csp-guard: le permite configurar una política de seguridad de contenido para su proyecto, admite todas las directivas y hash.
En esta sección, utilizamos insignias para indicar la versión de Vue de destino para cada complemento.
solo para Vue 2, solo para Vue 3 y para complementos compatibles con ambas versiones.
Los marcos SSR se enumeran en SSR - Marcos.
@vitejs/plugin-vue - Soporte oficial de Vue 3.
@VITEJS/Plugin-Vue-JSX-Soporte oficial VUE 3 JSX.
@VITEJS/Plugin -Vue2 - Soporte oficial de Vue 2.
@VITEJS/Plugin-Vue2-JSX-Soporte oficial VUE 2 JSX.
Vite-Plugin-Vue2-Vue 2 Integración.
Unplugin-vue2-script-setup-habilitando la sintaxis de <script setup> para Vue 2.
VITE-Plugin-Pages-Generador de ruta basado en el sistema de archivos.
V-Route Generate: una herramienta para generar rutas.
Unplugin-Vue-Router-Enrutamiento oficial basado en archivos experimentales.
Vite-Plugin-Vue-Rutes-Enrutamiento basado en archivos, similar al enrutador de aplicaciones SVVELTEKIT y NEXT.JS.
VITE-Plugin-MD-Markdown como componentes VUE / Vue Components en Markdown.
VITE-SVG-Loader: cargue archivos SVG como componentes VUE.
VITE-Plugin-Vue2-SVG-Cargue los archivos SVG como componentes VUE.
Componente UNPLUGIN-SVG: cargue los archivos SVG como un componente VUE, admitiendo el archivo SVG HMR y el indicador de inteligencia de TypeScript.
Vite-Plugin-Markdown-Mermaid: cargue archivos de markdown, con soporte de representación de sirenas.
VITE-Plugin-Style-VW-Loader-Convertir el estilo en línea PX a VW.
VITE-SSG-Generación del lado del servidor.
Unplugin-Vue-I18N-Integración para Vue i18n.
VITE-Plugin-I18N-RESOURES-Cargue los archivos de mensajes de traducción I18N.
VITE-Plugin-I18N-AutoMport-Auto Import I18n Config File para componentes.
VITE-Plugin-MD-Preview-Vista previa del código Markdown.
Vite-Plugin-Vue-Preview-Vista previa de código para VUE SFC en Markdown, admite la edición en línea.
VITE-Plugin-Vue-CSS-Modules: uso implícito de módulos CSS para etiquetas SFC de plantilla y script con reemplazo estático.
Unplugin-vue-componentes: componentes a pedido automáticamente Importación automática.
VITE-Plugin-Vue-GQL-Etiquetas GraphQL para su VUE SFC.
vite-plugin-vue2-suffix-compatible sin '.vue' sufijo.
Vite-plugin-vue-inspector: salte al código fuente IDE local mientras haga clic en el elemento del navegador.
Los archivos de vite-plugin-vue-static-sfc-servir ".Vue" como activos estáticos.
Vite-Plugin-Vue-Devtools: diseñado para mejorar la experiencia del desarrollador VUE.
VITE-Plugin-Vue-Nested-SFC-Nest SFCS dentro de su SFC.
@VITEJS/Plugin -React - Soporte oficial React que usa Babel.
@VITEJS/Plugin-React-SWC-Soporte de React Oficial que usa SWC.
Generado: modales globales y modales globales basados en archivos a prueba de archivos del lado del cliente: admite diseños, cargadores, división de código y más.
Unplugin-Remix-Router: genera un archivo de enrutador React, que depende de la convención de enrutador basada en archivos Remix V2.
VITE-Plugin-Remix-Flat-Rutes-Remix-Flat-Rutes enrutamiento basado en las convenciones, compatible con el enrutamiento de datos react-Router-API.
VITE-Plugin-SVGR-Transforme los SVG en componentes React.
VITE-Plugin-React-Rich-SVG-Cargador SVG sin interrupciones con opciones de importación versátiles; como DataUri, componente SVGR y código HTML sin procesar.
@stylin/vite -plugin: transforma los módulos CSS y SCSS en componentes React.
Vite-Plugin-React Pages: un marco VITE para la aplicación React Building.
VITE-Plugin-React-Click-to Component: utiliza el middleware de lanzamiento de Vite para habilitar Alt+Click para ir al componente.
VITE-REACC-SSG-Generación de sitios estáticos para React.
Los marcos SSR se enumeran en SSR - Frameworks.
@Preact/Preset -Vite - Preact Preset. HMR, inyección automática de preact, eliminación de DevTools en Prod.
Vite-Plugin-Svelte: agrega soporte SVelte. Complemento oficial del equipo de Svelte.
vite-plugin-kit-rutes: genera un archivo con todas las rutas, parámetros, acciones de su aplicación sveltekit.
VITE-Plugin-Solid-Proporciona transformación JSX para sólido.
VITE-Plugin-Solid-SVG-Importar archivos SVG como componentes solid.js.
Generado: modales globales y modales globales basados en archivos a prueba de archivos del lado del cliente: admite diseños, cargadores, división de código y más.
Vite-Plugin-Elm: un complemento que le permite compilar un módulo ELM.
VITE-Plugin-Fastify-Fastify Plugin para VITE con reemplazo de módulo caliente.
Vite-Plugin-Fastify-Rutes-Enrutamiento basado en archivos, similar al enrutador de aplicaciones SVVELTEKIT y NEXT.JS.
Electron -Vite: una CLI de electrones integrada con VITE.
Vite Rollup Plugins - Lista de compatibilidad para complementos de rollo oficial.
@Rollup/Plugin -Alias: define y resuelva los alias para dependencias de paquetes.
@Rollup/Plugin -Commonjs - Convertir módulos CommonJS a ES6.
@Rollup/Plugin-Dynamic-Import-Vars: resolución de importaciones dinámicas que contienen variables.
@Rollup/Plugin -Json - Convertir archivos .json a los módulos ES6.
@Rollup/Plugin -Babel: compile sus archivos con Babel.
@Rollup/Plugin -Buble - Compile ES2015 con Buble.
@Rollup/Plugin-Data-URI-Importar módulos de URI de datos.
@Rollup/Plugin -HTML: cree archivos HTML para servir paquetes de rollo.
@Rollup/Plugin-Nodod-Resolve: ubique y agrupe dependencias de terceros en Node_Modules.
@Rollup/Plugin -Sucrase - Compile TypeScript, Flow, JSX, etc. con sucase.
@Rollup/Plugin -Typescript: integración entre Rollup y TypeScript.
@Rollup/Plugin -Wasm - Importar código websembly con rollup.
@Rollup/Plugin-URL: importe archivos como módulos de datos de datos o ES.
@Rollup/Plugin -Beep - Sistema Bule en errores y advertencias.
@Rollup/Plugin-DSV-Convertir los archivos .csv y .tsv en módulos JavaScript con D3-DSV.
@Rollup/Plugin -Eslint: verifique el punto de entrada y todos los archivos importados con Eslint.
@Rollup/Plugin -Graphql - Convertir los archivos .GQL/.GraphQL a los módulos ES6.
@Rollup/Plugin -Image - Importar archivos JPG, PNG, GIF, SVG y WEBP (necesita enforce: 'pre' ).
@Rollup/Plugin -Inject: escanee módulos para variables globales e inyecte declaraciones de importación cuando sea necesario.
@Rollup/Plugin-legacy: agregue declaraciones de exportación a los scripts heredados sin módulos.
@Rollup/Plugin -Replace: reemplace las cadenas en los archivos mientras se agrupa.
@Rollup/Plugin -strip: elimine las declaraciones y las funciones del depurador de su código.
@Rollup/Plugin -Virtual: un complemento de rollo que carga módulos virtuales desde la memoria.
@Rollup/Plugin -YAML - Convierta archivos YAML en módulos ES6.
Rollup-Plugin-Graphql-Codegen-Generación de definiciones de tipo para cadenas de plantilla de etiqueta GraphQL en Worker_threads.
Rollup-Plugin-I18Next-DTS-Gen-Generación de definiciones de tipo de archivos JSON I18N se utilizan para sugerencias de código y validación.
Consulte la impresionante lista de acumulaciones para complementos de acumulación mantenidos por la comunidad y consulte la sección VITE Docs sobre la compatibilidad de complementos.
Vike: como nuxt/next.js pero como un complemento de hacer-it-thing-it-well.
SSR: un marco de representación del lado del servidor combinado con Webpack/Vite.
Vavite: una herramienta para desarrollar y construir aplicaciones del lado del servidor con capacidades de recarga en vivo.
Vue -SSR: envoltura minimalista para desarrollar y ejecutar aplicaciones VUE alimentadas con SSR.
VITE-SSR-Boost-Biblioteca de representación del lado del servidor para crear una aplicación increíble basada en react-router .
SSRX: una capa delgada sobre Vite para construir aplicaciones modernas de SSR con un DX encantador.
Vinxi - The Full Stack JavaScript SDK. Permite agregar SSR a una aplicación VITE.
DOMCO - JavaScript mínimo de pila completa. Convierte una aplicación VITE en una aplicación completa con dependencias mínimas.
Rakkas - Marco React Inspirado en Next.js y Sveltekit.
VISE - Marco SSR con ganchos del servidor.
@Fastify/Fastify -DX: lo que le permite servir estático o vivo (SSR).
VITE-PLUGIN-VERCE-Adaptador Vercel.
VITE-VLUGIN-VERCE-SKEW-Protection-Ayuda a configurar la protección de sesgo Vercel.
Craft Vite: complemento para la integración con CRANT CMS.
Django -Vite - Integración para aplicaciones Django.
Django-Vite-Plugin-Integración para aplicaciones Django, incluido el complemento VITE.
Flask -Vite - Integración con Flask.
Vite-Plugin-Ruby-Configuración para backends de rubí.
Vite Ruby - Integración para aplicaciones Rails, Hanami, Padrino y Rack.
Laravel Vite - Integración para el marco de Laravel.
Plugin de Laravel Vite: complemento oficial de Laravel para VITE.
CakePHP -Vite - Integración para CakePhp.
WordPress-Vite-Assets-Integración para temas de WordPress.
Kima - Tema de inicio con Twig.
WordPlate - Aplicación de inicio con compositor.
Vite-Plugin-Typo3-Integración frontend para CMS TIPO3.
Vite-Asset-colector para TIPO3-Integración de backend para CMS TIPO3.
VITE - Integración con GO.
Create-Rust-App-Integración para aplicaciones web de Rust.
Vite Bundle - Integración para Symfony.
Vite-Plugin-Shopify-Integración para temas de Shopify.
Vite -Express - Integración para aplicaciones web Express.
VITE-MANIFEST-PARSER-PARSES MANIFEST.JSON para generar etiquetas HTML Script y Link.
Vite.aspnetcore: integración con proyectos Core ASP.NET.
Módulo VITE: integración de backend para Drupal.
Vite-plugin-twig-drupal: soporte para ramita con incluido/incrustaciones y características de ramita específicas de Drupal.
PHP -VITE - Integración para PHP, paquete compositor, sin dependencias de marco.
Repo de inicio PHP -VITE - Repositorio de inicio, con TypeScript/JavaScript, Tailwind CSS, SASS/SCSS, EJS, SVG y soporte de imágenes.
PHP -Vitelinker: una herramienta CLI que genera archivos PHP incluidos después de construir paquetes.
Viject - Herramienta de migración de un solo disparo de Crear aplicación React.
Vitepress - Generador de sitios estático alimentado por VITE y VUE.
Slidev - Diapositivas de presentación para desarrolladores.
Astro - Builder de sitios estáticos modernos.
Hathora - Marco de juego multijugador.
NHOST - NHOST es una alternativa de Firebase de código abierto con GraphQL.
Lado: herramienta para desarrollar y probar historias de componentes alimentadas por Vite y React.
Islandjs - Base de generador de sitios estático en la arquitectura de las islas.
Vituum: envoltura alrededor de VITE con motores de configuración, integraciones y plantillas predefinidas.
Compiiile - Vista previa o carpetas de host que contienen archivos Markdown con diapositivas de búsqueda y presentación de texto completo.
Gracile: un meta -marco impulsado por SSR Lit.
@Lazarv/React-Server: un meta-marco React.
WXT - Marco para construir extensiones web, con el mismo DX que NUXT.
Revili: una herramienta de integración de comando e GUI.
Icônes - Icon Explorer con búsqueda instantánea.
Awesome CN Café - Aplicación web para Awesome CN Café.
Ejemplo de TODO - Aplicación TODO con enrutamiento y gestión estatal.
Aitrack.Work: un rastreador de tiempo basado en tareas para el uso diario.
MacOS en SVELTE - Experiencia de escritorio de MacOS para web en Svelte.
VUE3-RealWorld-Ejemplo-App-Implementación de la aplicación RealWorld utilizando la API VUE 3 + TypeScript + Composition.
React-Device-frameset: este es otro componente de marca de marcos de dispositivo para React.
Preview.js: una extensión IDE para obtener una vista previa instantáneamente, Vue 2 y Vue 3 componentes.
Pointer-Lock-Movement: un administrador de movimiento de bloqueo de puntero para personalizar su propia interfaz de usuario creativa.
VITE -CUN: Soporte de ejecución de configuración múltiple para VITE, combinando libremente configuraciones como bloques apilados.
DataViz Explorer: una herramienta para CSV, base de datos grande y visualización en tiempo real con gráficos interactivos que utilizan Highcharts , Chart.js , React , JavaScript , Material UI y GitHub Actions with Coverage Report .
