awesome vite
1.0.0
Uma lista com curadoria de coisas incríveis relacionadas ao Vite.js
Use o menu “Índice” no canto superior direito para explorar a lista.
Documentação
Repositório GitHub
Notas de versão
Documentos do Vue 3
Vista incrível
Migração da v4
create-vite - Estruturando seu primeiro projeto Vite.
create-vitawind - Andaime para projeto TailwindCSS.
create-electron-vite - Estruturando seu projeto Electron + Vite.
create-vite-app - Estruturando seu projeto Vite pronto para uso.
create-nx-workspace - Andaime de um Nx + React + Vite + Vitest.
bati - Andaimes para um projeto Vike.
create-awesome-node-app - Estruturando seu projeto escolhendo entre diferentes modelos.
vite-vanilla-ts-lib-starter - Starter para biblioteca (CJS, ESM, IIFE) com TypeScript, ESLint, Stylelint, Prettier, Jest, Husky + lint-staged.
vite-tailwind-nojs-starter - modelo inicial NoJS Tailwind CSS.
vite-tailwind-stimulus-starter - Modelo inicial para Tailwind CSS e controladores de estímulo.
vite-phaser-ts - Modelo inicial com Phaser e Typescript.
vite-tinybase - Modelo inicial para TinyBase.
vite-tinybase-ts – Modelo inicial para TinyBase e TypeScript.
vite-vanilla-js-template - Modelo inicial ESlint, Prettier, PostCSS, Nesting, Autoprefixer, CSS Nano, CSS Reset.
vite-starter-markup-template - Modelo inicial para marcação.
create-domco - Modelo inicial para domco.
vite-vanilla-library-template - Modelo inicial TypeScript, ESLint, Vitest, Husky, Commits convencionais, ações GitHub.
vite-alpine-template - Modelo inicial para Alpine.
vite-ts-lib-starter - Modelo inicial para bibliotecas com TypeScript, Bun, Vitest, Prettier, Renovate e np.
vite-swagger-ui - UI Swagger com suporte integrado para múltiplas APIs.
Vitesse - modelo inicial opinativo.
vite-ts-tailwind-starter - TypeScript, Tailwind CSS, testes Cypress.io e2e + CI.
vue-vben-admin – Modelo de gerenciamento de plano de fundo baseado em Vue3, Ant-Design-Vue, TypeScript.
vue-pure-admin – Modelo de gerenciamento de plano de fundo baseado em Vue3, TypeScript, Tailwind CSS, element-plus.
fast-crud - Estrutura de crud orientada a opções, desenvolvendo crud tão rápido quanto um raio.
vitesse-lite - Versão leve do Vitesse.
vitesse-webext - Modelo inicial do WebExtension Vite.
naive-ui-dashboard-template - UI amigável, Vue 3 + TSX + TailwindCSS 2 JIT + PostCSS + UI Naive.
Vitawind Creator - Crie projetos TailwindCSS rapidamente.
vue3-tailwind3-website-starter - modelo inicial de site Vue3 / Vite / TailwindCSS, com guias em cada página.
boot-vue - Modelo inicial com TypeScript + UnoCSS + DaisyUI + Vue Router + Pinia.
Vue Naive - modelo de administração, baseado em Vue 3 + Pinia + Naive UI.
vue-admin-box - Modelo de administração, baseado em 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 - Typescript, Eslint, Stylelint, Husky, Lint-staged e Commitlint.
vue3-vant-mobile - Vite5 + Vue3 + Vant4 + Pinia + Vue-Router4 + modelo móvel TypeScript.
vue-vite-tw-ts - Vue 3 + Vite + Vitest + Cypress E2E + UI Naive + Pinia + Roteador Vue.
vite-vue-js-starter-template - Vite + Vue3 + JavaScript + Vue Router + Pinia + TDesign + ESLint + Stylelint + Modelo Simples Mais Bonito.
vue-xs-admin - Baseado em Vue3, Vite3 ElementPlus, TypeScript, Pinia, VueRouter.
vulcan - O modelo para aplicativo móvel. Vite, Vue 3, TypeScript, Sass, i18n, Vitest&Cypress, Pinia, APIs&Mock, ESLint, Prettier, importação automática.
antdv-pro - AntdvPro é um conjunto completo de soluções de front-end/design de backend intermediário de nível empresarial baseadas em Vue3, Vite4, ant-design-vue4, Pinia, UnoCSS e Typescript.
vue3-quick-start - Construindo um projeto Vue 3 de engenharia, integrado com Vite + Vue3 + TypeScript + ESLint + Prettier + Commitizen + Husky + LintStaged + CommitLint + AutoImport + ReleaseIt .
antd-vue3-admin – Um modelo inicial baseado em Vue3, Vite4, TS5 e Ant-Design-Vue4.
vue-file-upload - Um sistema de gerenciamento de arquivos construído com Vue3 e TypeScript que permite o upload de arquivos únicos e múltiplos com um recurso de visualização.
arco-admin - Vite + ArcoDesign + TypeScript segue os padrões ESM , oferecendo um modelo pronto para uso, padronizado e rico em recursos para sistemas de gerenciamento de middle e back-office.
materio-free-vuetify-nuxtjs-admin-template - Vuejs 3, Vite 5, Vuetify 3 e NuxtJS 3.
vite-plugin-vue-style-bundler - Agrupa automaticamente estilos Vue/sfc em JavaScript.
celeris-web - Modelo baseado em Vite + Vue3 + TypeScript + Vue-Router + Pinia + Unocss + Naive UI + pnpm Monorepo .
vite-ts-starter - Modelo de localização de roteador dinâmico Vue I18n , aplicativos internacionalizados com UnoCSS + Unplugin + Element-Plus + Vitest + TypeScript + Vue-Router + Vuex + Scss + ESLint + Stylelint + Husky + lint-staged .
vite-vue2-windicss-starter - Vue 2, Vue Router, API de composição, VueUse, Windi CSS e TypeScript.
vite-vue2-ts-starter - Modelo inicial Vue2 TypeScript usando vue-property-decorator, vue-router, Vuex.
vite-vue2-ts-vuetify-starter - É o vite-vue2-ts-starter acima com Vuetify e suas configurações otimizadas. Inclui modelos básicos.
vitify-admin - modelo inicial de administração do Vuetify com suporte completo a TypeScript e inteligência dos componentes do Vuetify.
Vitamina - React TypeScript, TailwindCSS, SPA + PWA, Cypress e CI.
vite-template-react - Um modelo semelhante ao aplicativo Create React.
vitejs-template-react-rescript - Reagir + ReScript.
template-vite-react - Um modelo inicial mínimo do React Vite.
reactjs-vite-tailwindcss-boilerplate - React 18, TypeScript, Vitest, Biblioteca de Testes, TailwindCSS 3, Eslint e Prettier.
vite-react-ts-tailwind-firebase-starter - Inicial 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 + GitHub Actions + HMR (Hot Module Reload) + Turborepo + Chrome Extension Manifest v3.
vite-rtk-query - React, TypeScript, Redux Toolkit, RTK Query, TailwindCSS, MSW, Jest, React Testing Library, ESLint, Prettier.
vite-react-proste - React + TypeScript + react-router-dom + Recoil + SASS + Biblioteca de testes + react-query + ESLint + Stylelint + Mais bonito.
React-PWA - React v18, TypeScript, Vite, React Router v6, MUI v5, Recoil, PWA, Eslint, Prettier, Husky, lint-staged, https localhost e muito mais.
react-vite-ssr - Mobx, Typescript, Eslint, Stylelint, Husky, Lint-staged e Commitlint.
Viterts - React + TypeScript + Redux + React Router + Jest + ESLint + Airbnb + Mais bonito + SASS.
ViteRC - React 18 + TypeScript + ESLint (Airbnb) + Mais bonito + Husky + Jest + Importações absolutas + Commit linting.
React Starter Kit - 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, Typescript, Styled-Components, Recoil, React-Query, Axios, importações absolutas.
viterjs-template - React + JavaScript + Redux + Material UI + Axios + ESLint + Mais bonito.
react-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 importação automática de APIs.
react-vite-template - Um modelo de projeto react.
react-xs-admin - O modelo de sistema de gerenciamento de segundo plano desenvolvido com base em React18 + ReactRouteV6 + Vite + And Design + ReactIntl + ReactRedux + Emulação.
vite-mui-ts - React + TypeScript + Redux + Material UI + RRD + ESLint + Mais bonito.
template-vite-react-ts-tailwind - React + TypeScript + Tailwind CSS + Eslint + Mais bonito.
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, Pré-commit.
vite-tinybase-react - Modelo inicial para TinyBase e React.
vite-tinybase-ts-react – Modelo inicial para TinyBase, TypeScript e React.
vite-react-ssr-boost-template - Modelo para criação de aplicativos React 18 SSR/SPA com TypeScript , Mobx , React Router , Head Manager , Suspense, Streaming. Também estão incluídos CI/CD, ESLint , Prettier , Stylelint , Husky , Semantic Release .
vite-react-ts-shadcn-starter - Modelo para criar aplicativos React 18 SPA com TypeScript , React Router , Tailwind CSS , Shadcn UI , React Query , ESLint , Prettier , Stylelint , Husky , React-i18next , Transmart .
template-tauri-vite-react-ts-tailwind - Modelo para Tauri + React + Typescript + TailwindCSS + Prettier + ESLint integrado.
vite-react-chakra-starter - Modelo inicial para criar um aplicativo React com TypeScript e Chakra UI. Configurado com ESLint, Prettier e Husky.
vite-react-tailwind-starter - Modelo inicial para criar React App com TypeScript e Tailwind CSS com Shadcn UI. Configurado com ESLint, Prettier e Husky.
monorepo-template-react - modelo React + Typescript para fornecimento de SSR, SPG, SPA e API.
vite-react-dapp-template - Modelo inicial para desenvolvimento de front-end de aplicativo descentralizado com autenticação de carteira pré-configurada, i18n e recursos de UI.
vite-express-ssr-ts - React + Typescript + ExpressJS + modelo Vite SSR com recurso de API embutido.
vite-react-flow-template - Modelo inicial do React Flow.
react-vite-template - React, TypeScript, Vite, Mantine, Million, Husky, Prettier, Import Sorter, Lint-staged.
Gravity-ui-vite-template - Modelo com ecossistema Gravity UI (React, TypeScript, Gravity UI, Vite, Husky, ESLint, Prettier, Lint-staged).
vite-react-component-library-starter - Um modelo inicial para criar bibliotecas de componentes React com TypeScript , Tailwind CSS , Storybook , Vitest , ESLint , Prettier , Husky e GitHub Action .
vite-template-awesome-soho - Modelo DevContainer para criação React 18 , Javascript + JSDoc , React Router , Ant Design , ESLint , EditorConfig , .env , SonarLint , Vitest .
react-component-library-vite - Um modelo de biblioteca para React , Javascript , Styled-Components , Vitest , React Testing Library , Storybook .
ReTail - Template inicial para construção de aplicações WEB Full Stack com Remix usando TypeScript , Tailwind CSS , Prettier e ESLint .
vite-react-redux-saga-typescript - Modelo inicial com React , TypeScript , Redux (Redux Toolkit) , Saga , React Testing Library , ESLint , Prettier e Husky .
vite-complete-react-app - Modelo inicial para construção de aplicações web usando React , TypeScript , Redux Toolkit , React Router , Axios , Sass , Moment , ESLint , Prettier e React Testing Library .
vite-react-framer-starter - Modelo inicial com React , TypeScript , Framer Motion , Tailwind CSS , ESLint e Prettier .
vite-jsx-remove-attributes – Remova o data-testid (configurável) das compilações de produção.
React Tanning - modelo inicial com React + Vite + TypeScript + TanStack + Tailwind .
Reativo - modelo inicial React com convenção de roteamento baseada em arquivo Remix para react-router , UnoCSS , LinguiJs , zustand e muitos recursos.
RVTGB - modelo inicial React + TypeScript , com roteamento baseado em arquivo com Generouted e Biome .
vite-biome-tailwind-template - React, Typescript, Bioma, Tailwind CSS.
React Dapp Starter - Iniciador Web3 DApp pronto para empresas com TypeScript , TailwindCSS , Web3Modal , Wagmi , Shadcn UI , Zustand e TanStack Query para aplicativos descentralizados escaláveis.
vite-template-react-ts-jest - React + TypeScript + Jest .
vite-amplify - Modelo com SSR + APIs Express + Hospedagem AWS Amplify.
react-component-library-template - Um modelo de biblioteca para React , TypeScript , Vitest , React Testing Library , Storybook , Biome , Stylelint .
react-boilerplate - Modelo para inicialização com Eslint + Husky + Prettier .
SvelteKit – A maneira mais rápida de criar aplicativos Svelte.
svelte-vite-ssr - Svelte com suporte SSR.
template-vite-svelte-ts-tailwind - Svelte + TypeScript + Tailwind CSS + Mais bonito.
vite-svelte-flow-template - Modelo inicial do Svelte Flow.
vite-svelte-docker-template - Docker + Svelte + Vitest .
vitesse-solid - Modelo inicial opinativo Vite + SolidJS. Inclui TypeScript, ESLint, Prettier, UnoCSS, HopeUI e muito mais.
vitesse-lite-solid - Modelo inicial leve do Vite para SolidJS.
elétron-vite-vue - modelo Electron + Vite + Vue.
elétron-vite-react - modelo Electron + Vite + React.
Electron-vite-boilerplate - Suporta complementos SerialPort, SQLite3 e nó C/C++.
modelo de elétron-vite - Electron 13, Vue 3 e TypeScript. Facilite o desenvolvimento do seu desktop.
fast-vite-electron - Vue3 + Vite + Electron com esbuild.
fast-vite-nestjs-electron - Vue3 + Vite + Electron + Nestjs com esbuild.
vite-plugin-electron-quick-start - Modelo para projetos Electron.
vite-electron-builder - Aplicativos Electron usando Vite para back e front-end, com lançamentos automáticos.
vite-reactts-electron-starter - React, Tailwind CSS, TypeScript e Electron.
Electron-vue-template - Modelo Electron com TypeScript, incluindo Electron Builder.
Vitron - Crie belos aplicativos de desktop (win, linux, mac) para projetos web modernos com vite e electron.
Vutron - modelo Electron + Vite + Vue 3 + Pinia (TypeScript).
vite-electron-plugin - Plugin Vite Electron de alto desempenho baseado em esbuild.
vite-plugin-doubleshot - Para construir backend Node.js ou processo principal Electron.
vite-react-neutralino-template - modelo Neutralino + Vite + React.
vite-elm-template – Um modelo padrão para construir aplicativos Elm.
elm_vite_tailwind_template - Modelo opinativo para construir aplicativos da web Elm usando Tailwind CSS e Daisy UI.
github-action-template - Modelo inicial para GitHub Actions, Typescript, ESLint, Vitest, Husky, Conventional Commits.
vit-singlefile-gzip - Modelo inicial para incorporado.
11st-Starter-Kit - 11ty, desenvolvido por Vite com Tailwind CSS e Alpine.js.
chrome-ext-template-preact-windi-vite - Preact, Windi CSS, TypeScript, Prettier, ESLint, GitHub Actions e Chrome Extension Manifest v3.
vite-vue3-chrome-extension-v3 - Modelo inicial de extensão da Web para Chrome, Firefox e Edge.
@vitejs/plugin-legacy - Suporte a navegador legado.
vite-plugin-pwa - PWA com configuração zero.
vite-plugin-windicss - Integração Windi CSS.
vite-plugin-node - Integração com servidores backend Node.js.
vite-plugin-cesium - Integração com a biblioteca Cesium.
vite-plugin-linter - Estrutura de linter extensível que mostra a saída do linting na saída do Vite e no console do navegador, inclui ESLint e TypeScript ootb.
vite-plugin-checker - Verificadores de execução rápida (TypeScript/VLS/vue-tsc, etc.) em threads de trabalho com sobreposição e dica de terminal.
vite-plugin-tauri – Integre Tauri em um projeto Vite para construir aplicativos multiplataforma.
vite-plugin-federation - Federação do Módulo de Suporte, inspirado no recurso Federação do Módulo Webpack.
vite-plugin-wasm-pack - Integração com ferrugem wasm-pack, de forma simples.
vite-plugin-comlink - Use WebWorkers com o poder do Comlink para torná-los agradáveis.
vite-plugin-sass-dts - Este é um plugin que cria automaticamente um arquivo de tipo ao usar o módulo CSS com segurança de tipo.
vite-plugin-ali-oss - Faça upload dos arquivos de produção incluídos no projeto para Ali OSS, exceto HTML.
vite-plugin-webfont-dl - Baixa e injeta webfonts (Google Fonts) para melhorar o desempenho do site.
vite-plugin-babel - Integração Babel para compilação e servidor para suporte f.ex. decoradores ou campos de classe em arquivos JS/JSX puros.
vite-plugin-electron - Integra Vite e Electron.
vite-plugin-optimizer - Pré-agrupamento manual.
vite-plugin-babel-compiler - O plugin funciona com o compilador Babel.
vite-plugin-commonjs – Uma implementação JavaScript pura para CommonJs.
vite-plugin-mpa-plus - MPA (aplicativo de várias páginas) mais flexível, suporta modelos html e reescrita de caminho.
vite-plugin-multi-pages - Suporte a múltiplas páginas, pode construir src/pages anyPage, pode definir prefixName.
vite-plugin-html-template-mpa - Suporte a modelos comuns de várias páginas.
vite-plugin-vconsole-mpa - Multi Pages Vconsole suporta, configuração simples.
vite-plugin-browser-sync - BrowserSync.
vite-plugin-jspm – Resolve dependências independentemente dos provedores de CDN usando mapas de importação e es-module-shims.
vite-plugin-env-switch - Alterna o ambiente do projeto e reinicia o servidor vite sem operação de linha de comando.
vite-plugin-virtual-mpa - Plugin MPA pronto para uso, com mecanismo de template html e suporte a arquivos virtuais, que gera vários arquivos usando apenas um template.
vite-plugin-stylelint - Executa o Stylelint de forma síncrona/assíncrona.
Vite-plugin-graphiql - Integração para GraphiQL IDE.
vite-plugin-graphql-server - Inicialize um servidor GraphQL local para teste e documentação.
unplugin-fonts - Carregue fontes do Typekit, Google Fonts, Fontsource ou sua própria fonte personalizada.
unplugin-config - Gerador de arquivo de configuração para aplicativos web, permitindo customização externa de variáveis globais sem reempacotamento.
vite-plugin-svg-spritemap - Gera um spritemap SVG a partir de vários arquivos .svg.
vite-plugin-dc - Integração com a biblioteca @dvgis/dc-sdk.
@spiriit/vite-plugin-svg-spritemap - Empacote seus arquivos SVG em um arquivo spritemap e use-os com <svg> / <img> e diretamente em seu CSS.
vite-plugin-auto-mpa-html - Um plugin de construção automatizado de várias páginas baseado em diretório de arquivos que suporta modelos HTML usando EJS.
vite-plugin-cloudflare-functions - Integração de funções de páginas Cloudflare.
@storybook/builder-vite - Construtor de livro de histórias.
@builder.io/partytown - Realoque scripts de terceiros com uso intensivo de recursos do thread principal para um web trabalhador.
vite-plugin-dynamic-proxy - Configure automaticamente proxies reversos com base em parâmetros de URL.
unplugin-auto-export – Automatiza a manutenção de instruções de exportação no arquivo index.ts.
remix-development-tools - Plugin para ferramentas de desenvolvimento Remix.run.
vite-plugin-legacy-swc – Suporte a navegador legado com SWC.
vite-plugin-biome - Linter do bioma.
vite-plugin-oxlint - linter Oxlint.
@tomjs/vite-plugin-electron - Desenvolva facilmente aplicativos Electron .
@tomjs/vite-plugin-vscode - Use facilmente estruturas da web para desenvolver Webview da VSCode Extension e ofereça suporte HMR e Debug .
vite-plugin-px-rem-vw - Integra o plugin PostCSS pxTorem e pxTovw.
vite-plugin-mpg - Configuração simples de aplicativos de várias páginas.
vite-plugin-pagefind - Integra a pesquisa pagefind .
@mistjs/vite-plugin-px2viewport - Um plugin que converte automaticamente estilos embutidos e arquivos de estilo de unidades px em unidades vw.
vite-multiple-assets – Adiciona suporte para vários diretórios de ativos públicos.
vite-create-production-server-plugin - Ative um serviço HTTP de produção após a construção.
vite-plugin-eslint2 - Executa ESLint de forma síncrona/assíncrona.
genaicode/vite-plugin – Um plug-in que incorpora um assistente de codificação de IA na IU do aplicativo.
unplugin-icons - Acesse milhares de ícones como componentes.
vite-imagetools – Carregue e transforme imagens usando parâmetros de consulta de URL.
vite-plugin-radar - Carregador analítico completo (com suporte para mais de 7 provedores).
vite-plugin-glsl - Importa pedaços do arquivo shader.
vite-plugin-svgo - Carrega SVGs como string simples e transforma com a biblioteca SVGO.
vite-plugin-remark-rehype - Carrega e transforma arquivos markdown usando o ecossistema unificado.
vite-plugin-php - Carrega e processa arquivos de entrada PHP em vez do index.html padrão.
vite-plugin-lqip - Gera espaços reservados para imagens de baixa qualidade (LQIP).
vite-plugin-ms-clarity – Injete o script do Microsoft Clarity em index.html .
@cyco130/vite-plugin-mdx - Importar MDX.
vite-awesome-svg-loader - Importa SVGs como código fonte, base64 e URI de dados. Preserva a largura do traço, substitui as cores por currentColor. Otimiza SVGs com SVGO. Cria sprites SVG.
vite-plugin-dir2json – Converte a estrutura de diretório em dados json contendo caminhos de arquivo suportados.
rollup-plugin-critical - Gera CSS crítico.
vite-plugin-dts - Gere arquivos de declaração a partir de arquivos de origem .ts ou .vue para lib.
vite-compression-plugin - Use o arquivo compactado de stream Node.js para gzip ou mais.
vite-plugin-chunk-split - Divisão automática de código, suporte para desagregação na produção.
vite-plugin-static-copy - Copie arquivos e pastas.
vite-plugin-zip-file - Compacta arquivos ou pastas em zip.
vite-plugin-zip-pack - Compacte a pasta de distribuição/construção em um arquivo zip.
vite-plugin-cp – Copie arquivos após construir pacotes.
unplugin-imagemin - Imagem compactada de alto desempenho baseada em squoosh e nítida.
vite-plugin-image-optimizer - Otimize (compacte) seus ativos de imagem usando Sharp.js e SVGO no momento da construção.
vite-plugin-no-bundle – Gere código desagregado para uso com ESM nativo ou outros empacotadores.
vite-plugin-css-injected-by-js – Pega o CSS e adiciona-o à página através do JS.
unplugin-zip-pack - Compacte seu dist com suporte à função de filtro.
vite-plugin-singlefile - Incorpore todos os recursos JavaScript e CSS diretamente no arquivo dist/index.html final.
vite-plugin-node-polyfills - Módulos principais do Polyfill Node para ambientes de navegador.
vite-plugin-cdn2 - Substitua o módulo por CDN.
vite-plugin-bundle-prefetch - Injeta ativos de pré-busca em index.html .
vite-plugin-imagemin - Otimize e compacte seus ativos de imagem e, opcionalmente, crie WebP/AVIF.
vite-plugin-lib-types - Gere arquivo DTS ao construir a biblioteca.
vite-plugin-minipic - Ferramenta eficiente de compactação de imagens.
vite-plugin-robots - Gerando robots.txt .
vite-plugin-bundle-obfuscator - ofuscador de JavaScript.
@yuanjianming/unplugin-image-convert - Plugin de conversão de imagem multiformato baseado em sharp.js.
vite-plugin-dynamic-chunk - Divida dependências entre entrada e entrada dinâmica e mescle pequenos pedaços.
@yuanjianming/unplugin-compress-svga - Compacta SVGA.
@yuanjianming/unplugin-font-spider - Um plugin de compactação de fontes da web.
vite-plugin-static-filehash - Pode ajudar o programa a melhorar a taxa de acertos do cache.
vite-plugin-html - Plugin para minimizar e usar a sintaxe do modelo ejs em index.html .
vite-plugin-ts-nameof – Capacidade de resolver nameof em TypeScript.
vite-plugin-handlebars - Processe arquivos HTML com o Handlebars.
vite-plugin-virtual-html - Torna o Vite MPA consistente com @vue/cli .
vite-plugin-content - Converta arquivos yaml , xml , ini , toml , csv , plist e properties em módulos ES6.
vite-plugin-require - Um plugin Vite que suporta a transformação de require de código.
vite-plugin-global-style - Lida com estilos globais para CSS, SASS, LESS e Stylus.
vite-plugin-shared-modules - Compartilhe node_modules em monorepos.
vite-plugin-pug-transformer - Suporte ao mecanismo de modelo Pug.
@import-meta-env/unplugin - Injete variáveis de ambiente no objeto import.meta.env após construir o aplicativo, em vez de substituí-lo estaticamente durante a produção.
@modyfi/vite-plugin-yaml - Transforme arquivos YAML em ESM com validação de esquema e relatório de erros.
vite-plugin-html-inject - Divida o index.html em pedaços menores reutilizáveis.
unplugin-inject-preload - Injete <link rel="preload"> em seu index.html com base em seus ativos de construção.
@vituum/vite-plugin-handlebars - Suporte ao mecanismo de modelo do Handlebars, transforma modelos .hbs em .html .
@vituum/vite-plugin-pug - Suporte ao mecanismo de modelo Pug, transforma modelos .pug em .html .
@vituum/vite-plugin-nunjucks - Suporte ao mecanismo de modelo Nunjucks, transforma modelos .njk em .html .
@vituum/vite-plugin-liquid - Suporte ao mecanismo de modelo líquido, transforma modelos .liquid em .html .
@vituum/vite-plugin-twig - Suporte ao mecanismo de modelo Twig, transforma modelos .twig em .html .
@vituum/vite-plugin-latte - Suporte ao mecanismo de modelo Latte, transforma modelos .latte em .html .
@vituum/vite-plugin-posthtml - Suporte PostHTML, transforma a sintaxe em .html .
@vituum/vite-plugin-juice - Suporte Juice, transforma .css em estilos embutidos em .html .
vite-plugin-version-mark - Use automaticamente package version / git commit / custom para ser inserido em seu projeto como um identificador exclusivo para a versão do projeto.
vite-plugin-css-export - Exporta variáveis de CSS para JavaScript e oferece suporte a regras aninhadas.
vite-plugin-optimize-css-modules - Gere as menores classes CSS possíveis quando módulos CSS são usados.
vite-plugin-generate-html – Defina arquivos de saída separados para pacotes JavaScript e CSS.
vite-plugin-turbo-console - Melhora a legibilidade de console.log() .
vite-plugin-html-injection - Injete trechos de código HTML, JavaScript e CSS no index.html .
vite-plugin-typescript-transform - Aplica o compilador TypeScript durante a fase de construção de transformação do Vite.
vite-plugin-public-typescript - Injeta Typescript em index.html .
unplugin-generate-component-name - Gera automaticamente o nome do componente.
@laynezh/vite-plugin-lib-assets - Extrai arquivos de recursos referenciados no library mode em vez de incorporá-los como base64.
css-media-splitter/vite-plugin - Extrai todas @media At-rules em arquivos .css dedicados e baixa-os somente quando corresponder à consulta de mídia.
@tomjs/vite-plugin-html - Suporta compactação, carregamento, CDN e outros para index.html .
@tomjs/vite-plugin-iconify - Injete a variável global IconifyProviders em index.html para iconify e ofereça suporte a rede local e URL personalizado.
vite-plugin-icons-spritesheet - Gere uma spritesheet e tipos TypeScript a partir de ícones SVG ouvindo as alterações na pasta de ícones.
vite-plugin-abbrlink - Adicione o atributo abbrlink ao arquivo markdown no diretório especificado.
vite-plugin-native - Suporta complementos nativos Node/Electron C/C++.
@yoichiro/vite-plugin-handlebars - Importação de modelos de guiador .hbs como módulos ES.
vite-plugin-magic-preloader - Gere tags <link rel="prefetch" /> ou <link rel="preload" /> por meio de comentários mágicos e injete-os em index.html .
vite-tsconfig-paths – Suporte para mapeamento de caminho do TypeScript.
vite-aliases - Geração automática de alias com base na estrutura do projeto.
vite-plugin-mkcert - Fornece certificados de servidor de desenvolvimento https.
vite-plugin-vconsole – Ajude os desenvolvedores a usar o vconsole para facilitar o desenvolvimento e a depuração móvel.
vite-plugin-mock-server - Plugin de servidor simulado, suporte ao uso de TS e JS para escrever API simulada e HMR.
vitawind - Instale e configure Tailwind CSS automaticamente.
vite-plugin-restart - Reinicie o servidor Vite nas alterações do arquivo.
vite-plugin-full-reload - Recarregue o navegador nas alterações do arquivo.
vite-plugin-tips - Fornece melhores dicas de status do servidor de desenvolvimento na página.
vite-plugin-external – Fornece uma maneira de excluir dependências do código de tempo de execução e dos pacotes de saída.
unplugin-auto-import - Importação automática de API sob demanda.
vite-plugin-inspect - Inspecione o estado intermediário dos plugins Vite.
vite-plugin-remove-console - Um plugin vite que exclui console.log no ambiente de produção.
vite-plugin-dev-manifest - Gera manifest.dev.json durante o servidor de desenvolvimento, para integração de backend com qualquer linguagem/framework.
vite-plugin-watch-and-run - Observe alguns arquivos (glob) e acione um comando. Para permitir que qualquer ferramenta tenha um modo de observação.
vite-plugin-dynamic-base - Resolva todos os arquivos de recursos dinâmicos publicPath.
vite-plugin-live-reload - Recarregamento ao vivo.
vite-plugin-simple-vconsole - Uma visualização do console de depuração dentro do seu aplicativo para facilitar a depuração móvel, tanto para SPA quanto para MPA.
vite-plugin-qrcode – Mostra o código QR na inicialização do servidor.
vite-plugin-cem - Gera manifesto custom-elements.json para descrever elementos personalizados.
vite-plugin-web-update-notification - Detecta atualizações de páginas da web e notifica o usuário para recarregar. apoie vite e umijs.
vite-plugin-browserslist-useragent - Compila a consulta da lista de navegadores para um RegExp para testar o useragent do navegador.
vite-plugin-validate-env – Valide suas variáveis de ambiente no momento da construção. Nunca mais esqueça uma variável de ambiente.
vite-plugin-mock-data – Fornece uma maneira simples de simular dados.
vite-plugin-reverse-proxy - Às vezes temos que redirecionar scripts no ambiente de produção para depurar e resolver problemas, o plugin irá transformar o script a ser servido com o tipo MIME text/javascript para o tipo MIME module .
vite-plugin-conditional-compile – Sintaxe de compilação condicional baseada em variáveis de ambiente.
vite-plugin-mock-dev-server - Servidor simulado para desenvolvimento, suporte CJS/ESM/JSON, importação automática de arquivo e HMR.
vite-plugin-api - Gere mapeamento de rotas para serviços API Routes a partir da árvore de diretórios.
vite-plugin-shortcuts - Adicione população adicional de teclas de atalho personalizadas.
vite-plugin-entry-shaking - Simula o comportamento de trepidação da árvore ao importar código de um arquivo de entrada no modo de desenvolvimento.
vite-plugin-auto-alias - Gera automaticamente um alias com base no caminho.
vite-plugin-image-placeholder - Gere imagens de espaço reservado por correspondências de caminho.
vite-plugin-find-image-duplicates - Descubra se há imagens duplicadas em seu projeto ao construí-lo.
@froxz/vite-plugin-s3 - Permite fazer upload de arquivos para o S3.
vite-plugin-vitepress-auto-sidebar - Gera automaticamente dados da barra lateral verificando diretórios, com base no vitepress.
vite-plugin-global-const – Defina constantes para reutilização do seu código.
vite-plugin-cli-copy – Inicie o projeto e copie automaticamente o URL da rede do terminal.
vite-plugin-module-list - Importe automaticamente os módulos encontrados em uma pasta especificada.
unplugin-info - Exporta informações de compilação como um módulo viral.
vite-plugin-auto-origin – Detecta a configuração de origem automaticamente com base nas solicitações recebidas ao servidor de desenvolvimento.
vite-plugin-deadfile – Encontre arquivos de origem não utilizados no projeto.
vite-bundle-analyzer - Utilitário que representa pacotes como um mapa de árvore interativo.
vite-font-extractor-plugin - Utilitário que minimiza fontes agrupadas por glifos.
vite-plugin-i18n-detector - Lazyload recursos de localidade i18n.
vite-plugin-ngrok - Integração com Ngrok, permitindo compartilhar facilmente seu servidor de desenvolvimento local.
vite-plugin-docker - Utilitário Docker baseado em Dockerode.
vite-plugin-api-routes - Gere mapeamento de rotas para serviços API Routes a partir da árvore de diretórios.
unplugin-detect-duplicated-deps – Detecta dependências empacotadas duplicadas.
vite-plugin-vitepress-auto-nav - Gera automaticamente configurações de sidebar e nav por meio da varredura de diretórios, com base no VitePress.
vite-plugin-pretty-module-classnames - Adiciona o nome do arquivo sem o sufixo -module aos nomes de classe dos módulos CSS.
vite-plugin-serve-static - Permite servir arquivos estáticos arbitrários que não estão no diretório public/ .
vite-plugin-valibot-env – Valida variáveis de ambiente em um esquema Valibot.
vite-plugin-vitest-cache - Otimiza o tempo de execução Vitest por meio do cache.
vite-preload - Pré-carrega módulos carregados lentamente e folhas de estilo que foram renderizadas pelo servidor usando 103 dicas iniciais, cabeçalhos de link ou tags de link.
vite-plugin-envtype-patch - Gera informações type para import.meta.env .
vitest - Uma estrutura de teste nativa do Vite.
vitest-mock-extended - Digite extensões de simulação seguras para Vitest.
cypress-vite - Execute as especificações do Cypress usando Vite.
vite-plugin-doctest - Teste de documentação para Vitest.
@poyro/vitest - Teste integrações LLM usando Vitest.
vite-plugin-csp-guard - Permite configurar uma Política de Segurança de Conteúdo para o seu projeto, suporta todas as diretivas e hashing.
Nesta seção, usamos emblemas para indicar a versão alvo do Vue para cada plugin.
apenas para Vue 2, apenas para Vue 3 e para plug-ins compatíveis com ambas as versões.
As estruturas SSR estão listadas em SSR - Frameworks.
@vitejs/plugin-vue - Suporte oficial ao Vue 3.
@vitejs/plugin-vue-jsx-Suporte oficial da JSX VUE 3.
@vitejs/plugin -vue2 - suporte oficial do Vue 2.
@vitejs/plugin-vue2-jsx-Suporte oficial do Vue 2 JSX.
VITE-PLUGIN-VUE2-Integração Vue 2.
Unplugin-Vue2-Script-setup-Ativando <script setup> Sintaxe para Vue 2.
Vite-Plugin-Pages-Gerador de rota baseado no sistema de arquivos.
V-Route-Generate-uma ferramenta para gerar rotas.
Unplugin-Vue-Router-roteamento oficial baseado em arquivos experimentais.
Vite-Plugin-Vue-Routes-Routing baseado em arquivos, semelhante ao roteador Sveltekit e Next.js App.
VITE-PLUGIN-MD-Markdown como componentes Vue / Vue em Markdown.
VITE-SVG-LOADER-Carregar arquivos SVG como componentes VUE.
VITE-PLUGIN-VUE2-SVG-Carregar arquivos SVG como componentes VUE.
Unplugin-SVG-Component-Carregar arquivos SVG como um componente VUE, suportando o SVG Arquivo HMR e o prompt de inteligência TypeScript.
Vite-Plugin-Markdown-Mermaid-Carregar arquivos de marcação, com suporte de renderização da sereia.
Vite-plugin-estilo-VW-carregador-convertendo o estilo em linha PX em VW.
VITE-SSG-Geração do lado do servidor.
Unplugin-vue-i18n-Integração para Vue i18n.
VITE-PLUGIN-I18N-RESOURCES-LOAD I18N TRANSFORMA MENSAGEM ARQUIVOS DE MENSAGENS.
VITE-PLUGIN-I18N-AUTOIMPORT-IMPORT AUTO IMPORT I18N FILE COMPONENTES.
Vite-Plugin-md-Preview-Visualização de código de marcação.
Vite-Plugin-Vue-Preview-Visualização de código para Vue SFC em Markdown, suporta edição on-line.
Vite-Plugin-Vue-CSS-Modules-Uso implícito dos módulos CSS para tags SFC de modelo e script com substituição estática.
Unplugin-Vue-Components-Componentes sob demanda auto-importando automaticamente.
Vite-Plugin-Vue-GQL-tags grafql para o seu VUE SFC.
vite-plugin-vue2-sufix-compatível sem '.vue' sufixo.
Vite-Plugin-Vue-Inspetor-salte para o código-fonte IDE local enquanto clica no elemento do navegador.
Vite-plugin-vue-static-sfc-serve ".vue" arquivos como ativos estáticos.
Vite-Plugin-Vue-Devtools-projetado para aprimorar a experiência do desenvolvedor da VUE.
vite-plugin-vue aninhado-sfc-ninho sfcs dentro do seu SFC.
@vitejs/plugin -react - Suporte oficial do React que usa Babel.
@vitejs/plugin-react-swc-suporte oficial a reação que usa o SWC.
Gerado-o roteamento baseado em arquivos e os modais globais-com segurança do lado do cliente-suporta layouts, carregadores, divisão de código e muito mais.
UNLUGIN-REMIX-ROUTER-Gera um arquivo de roteador React, que depende da convenção do roteador baseada em arquivo Remix V2.
Vite-Plugin-REMIX-FLAT-ROUTES-roteamento baseado em convenções Remix-Flat-Routes, compatível com o roteamento de dados react-router.
Vite-Plugin-SVGR-Transforme SVGs em componentes do React.
Vite-Plugin-react-rico-svg-carregador SVG sem costura com opções de importação versátil; como DATAURI, componente SVGR e código HTML bruto.
@stylin/vite -plugin - Transforme os módulos CSS e SCSS em componentes do React.
Vite-Plugin-REACT-PAGES-Uma estrutura Vite para criar um aplicativo React.
Vite-Plugin-react-Clique para componente-usa o middleware de lançamento da Vite para ativar o alt+clique para ir para o componente.
Vite-react-ssg-geração de sítio estático para reação.
As estruturas SSR estão listadas no SSR - estruturas.
@preact/predefinição -vite - prekt predefinição. HMR, injeção automática de prega, remoção de devtools em Prod.
Vite-Plugin-Siete-adiciona suporte esbelto. Plug -in oficial da equipe esbelta.
Vite-Plugin-Kit-Routes-gera um arquivo com todas as rotas, parâmetros e ações do seu aplicativo Sveltekit.
Vite-Plugin-Solid-fornece transformação JSX para sólido.
Vite-Plugin-Solid-SVG-Importar arquivos SVG como componentes Solid.js.
Gerado-o roteamento baseado em arquivos e os modais globais-com segurança do lado do cliente-suporta layouts, carregadores, divisão de código e muito mais.
vite-plugin-elm-um plug-in que permite compilar um módulo ELM.
Vite-Plugin-Fastify-Fastify Plugin para vite com substituição de módulo quente.
Vite-Plugin-Fastify-Routes-roteamento baseado em arquivos, semelhante ao roteador Sveltekit e Next.js App.
Electron -Vite - Uma CLI de elétrons integrada com Vite.
Vite Plugins Rollup - Lista de compatibilidade para plug -ins de rollup oficial.
@rollup/plugin -alias - Defina e resolva aliases para dependências de pacote.
@rollup/plugin -commonjs - Converta os módulos Commonjs em ES6.
@rollup/plugin-dynamic-import-Vars-Resolvendo importações dinâmicas que contêm variáveis.
@rollup/plugin -json - Converter arquivos .json em módulos ES6.
@rollup/plugin -Babel - Compile seus arquivos com Babel.
@rollup/plugin -buble - compilar ES2015 com BUBLE.
@Rollup/Plugin-Data-URI-Módulos de importação de URIs de dados.
@rollup/plugin -html - Crie arquivos HTML para servir pacotes de rollup.
@Rollup/Plugin-Node-Rolve-Localize e pacote dependências de terceiros em Node_modules.
@rollup/plugin -sucrase - Compile TypeScript, Flow, JSX, etc. com sucrase.
@Rollup/Plugin -TypeScript - Integração entre Rollup e TypeScript.
@rollup/plugin -wasm - importe o código webassembly com rollup.
@rollup/plugin-url-importar arquivos como módulos de dados-uris ou es.
@rollup/plugin -beep - Bipes do sistema em erros e avisos.
@rollup/plugin-dsv-convert .csv e .tsv arquivos em módulos JavaScript com D3-DSV.
@rollup/plugin -eslint - Verifique o ponto de entrada e todos os arquivos importados com ESLint.
@rollup/plugin -graphql - convert .gql/.graphql arquivos para módulos ES6.
@Rollup/Plugin -Image - Importar arquivos JPG, PNG, GIF, SVG e WebP (precisa enforce: 'pre' ).
@Rollup/Plugin Inject - Módulos de digitalização para variáveis globais e injeta instruções de importação sempre que necessário.
@rollup/plugin-leis-Adicione declarações de exportação aos scripts não-módulos herdados.
@rollup/plugin -replace - Substitua strings em arquivos durante o grupo.
@rollup/plugin strip - Remova as instruções e funções do depurador do seu código.
@rollup/plugin -virtual - um plug -in Rollup que carrega módulos virtuais da memória.
@rollup/plugin -yaml - converta arquivos YAML em módulos ES6.
Rollup-Plugin-GraphQL-CodeGen-Geração de definições de tipo para grafql strings de modelo de tag em trabalhador_threads.
ROLLUP-PLUGIN-I18NEXT-DTS-GEN-Gerando definições de tipo de arquivos JSON i18N são usados para sugestão de código e validação.
Verifique a incrível lista de roll para plug-ins de rollup mantida na comunidade e consulte a seção Vite Docs sobre a compatibilidade do plug-in Rollup.
Vike-como o Nuxt/Next.js, mas como um plug-in do que fazer-se-do-it-well.
SSR - Uma estrutura de renderização do lado do servidor combinada com WebPack/Vite.
Vavite - Uma ferramenta para desenvolver e criar aplicativos do lado do servidor com recursos de recarga ao vivo.
Vue -SSR - Wrapper minimalista para desenvolver e executar aplicativos VUE com SSR.
VITE-SSR-BOOST-Biblioteca de renderização do lado do servidor para criar um aplicativo incrível com base no react-router .
SSRX - Uma camada fina em cima do Vite para construir aplicativos SSR modernos com um delicioso DX.
Vinxi - a pilha completa javascript sdk. Permite adicionar SSR a um aplicativo Vite.
Domco - JavaScript mínimo de pilha completa. Transforma um aplicativo vite em um aplicativo de pilha completa com dependências mínimas.
RAKKAS - Framework React inspirado em Next.js e Sveltekit.
Vise - SSR Framework com ganchos de servidor.
@fastify/fastify -dx - permitindo que você sirva estática ou viva (SSR).
VITE-PLUGIN-VERCEL-ADAPTADOR DE VERCEL.
Vite-Vlugin-Vercel-Skew-Protection-Ajuda a configurar a proteção de inclinação do Vercel.
Craft Vite - Plugin para integração com Craft CMS.
Django -Vite - Integração para aplicativos Django.
Django-vite-plugin-Integração para aplicativos Django, incluindo plug-in de vite.
Flask -Vite - Integração com Flask.
Vite-Plugin-Ruby-Configuração para o Ruby Backend.
Vite Ruby - Integração para Rails, Hanami, Padrino e Rack Apps.
Laravel Vite - Integração para a estrutura do Laravel.
Laravel Vite Plugin - Laravel Official Plugin para Vite.
CakePhp -vite - Integração para CakePhp.
WordPress-vite-atire-Integração para temas do WordPress.
KIMA - Tema inicial com Twig.
WordPlate - aplicativo inicial com compositor.
Vite-Plugin-Typo3-Integração front-end para Typo3 cms.
Vite-Osset-Collector para Typo3-Integração de back-end para TYPO3 CMS.
Vite - Integração com Go.
Create-Rust-App-Integração para aplicativos da Web Rust.
Vite Bundle - Integração para Symfony.
Vite-Plugin-Shopify-Integração para temas do Shopify.
Vite -Express - Integração para aplicativos da Web Express.
vite-manifest-parser-parse manifest.json para gerar scripts html e tags de link.
Vite.aspnetCore - Integração com os projetos do ASP.NET Core.
Módulo Vite - Integração de back -end para Drupal.
Vite-Plugin-Twig-Drupal-Suporte para Twig com Recursos de galhos específicos de inclui/incorporação e drupal.
PHP -VITE - Integração para PHP, pacote compositor, sem dependências da estrutura.
PHP -VITE Starter Repo - repositório inicial, com TypeScript/JavaScript, Tailwind CSS, SASS/SCSS, EJS, SVG e suporte de imagem.
PHP -VITELinker - Uma ferramenta da CLI que gera arquivos PHP incluídos após a criação de pacotes.
Viject - Ferramenta de migração de um tiro do aplicativo Create React.
VitePress - Gerador de local estático alimentado por Vite e Vue.
SlideV - Slides de apresentação para desenvolvedores.
Astro - construtor de sites estáticos modernos.
HATHORA - Estrutura de jogos multiplayer.
NHOST - NHOST é uma alternativa de Firebase de código aberto com GraphQL.
Ferramenta - Ferramenta para desenvolver e testar histórias de componentes alimentadas por Vite e React.
IslandJs - Base estática do gerador de locais na arquitetura das ilhas.
Vituum - Wrapper em torno do Vite com configuração predefinida, integrações e motores de modelo.
Compiiile - Pastas de visualização ou host contendo arquivos de marcação com slides de pesquisa e apresentação de texto completo.
GRACILE - Um meta -quadro trabalhado por Lit SSR.
@lazarv/react-server-um meta-quadro react.
WXT - Framework para criar extensões da Web, com o mesmo DX que o NUXT.
Reili - uma ferramenta de integração de comando e GUI.
ICônes - Icon Explorer com pesquisa instantânea.
Awesome CN Café - Aplicativo da Web para Awesome CN Café.
Exemplo de TODO - TODO APP com roteamento e gerenciamento de estado.
Aitrack.work - Um rastreador de tempo baseado em tarefas para uso diário.
MacOS in SVELTE - MacOS Desktop Experience for web em esbelto.
Vue3-Realworld-Exemplo-App-Implementação do aplicativo RealWorld usando a API VUE 3 + TypeScript + Composition.
REACT-DEVICE-FRAMEST-Este é mais um componente de quadro de dispositivo para reacto.
Preview.js - Uma extensão IDE para visualizar instantaneamente o React, Vue 2 e Vue 3 componentes.
Ponteiro-Lock-Movidement-Um gerente de movimento de bloqueio de ponteiro para personalizar sua própria interface do usuário criativa.
Vite Run - Múltiplos suporte para execução de configuração para vite, combinando configurações livremente como blocos empilhados.
DataViz Explorer - Uma ferramenta para CSV grande, banco de dados e visualização em tempo real com gráficos interativos usando Highcharts , Chart.js , React , JavaScript , Material UI e GitHub Actions with Coverage Report .
