รายการสิ่งดีๆ ที่เกี่ยวข้องกับ Vite.js ที่คัดสรรมาอย่างดี
ใช้เมนู "สารบัญ" ที่มุมขวาบนเพื่อสำรวจรายการ
เอกสารประกอบ
ที่เก็บ GitHub
บันทึกประจำรุ่น
วิว 3 เอกสาร
วิวสุดยอดมาก
การโยกย้ายจากเวอร์ชัน 4
create-vite - นั่งร้านโครงการ Vite แรกของคุณ
create-vitawind - นั่งร้านสำหรับโครงการ TailwindCSS
create-electron-vite - นั่งร้านโครงการ Electron + Vite ของคุณ
create-vite-app - นั่งร้านโครงการ Vite นอกกรอบของคุณ
create-nx-workspace - นั่งร้าน Nx + React + Vite + Vitest
bati - นั่งร้านโครงการ Vike
create-awesome-node-app - สร้างโครงการของคุณโดยเลือกระหว่างเทมเพลตที่แตกต่างกัน
vite-vanilla-ts-lib-starter - เริ่มต้นสำหรับไลบรารี (CJS, ESM, IIFE) ด้วย TypeScript, ESLint, Stylelint, Prettier, Jest, Husky + lint-staged
vite-tailwind-nojs-starter - เทมเพลตเริ่มต้น NoJS Tailwind CSS
vite-tailwind-stimulus-starter - เทมเพลตเริ่มต้นสำหรับตัวควบคุม Tailwind CSS และ Stimulus
vite-phaser-ts - เทมเพลตเริ่มต้นพร้อม Phaser และ Typescript
vite-tinybase - เทมเพลตเริ่มต้นสำหรับ TinyBase
vite-tinybase-ts - เทมเพลตเริ่มต้นสำหรับ TinyBase และ TypeScript
vite-vanilla-js-template - เทมเพลตเริ่มต้น ESlint, Prettier, PostCSS, Nesting, Autoprefixer, CSS Nano, CSS Reset
vite-starter-markup-template - เทมเพลตเริ่มต้นสำหรับมาร์กอัป
create-domco - เทมเพลตเริ่มต้นสำหรับ domco
vite-vanilla-library-template - เทมเพลตเริ่มต้น TypeScript, ESLint, Vitest, Husky, Conventional Commits, การดำเนินการ GitHub
vite-alpine-template - เทมเพลตเริ่มต้นสำหรับ Alpine
vite-ts-lib-starter - เทมเพลตเริ่มต้นสำหรับห้องสมุดที่มี TypeScript, Bun, Vitest, Prettier, Renovate และ np
vite-swagger-ui - Swagger UI พร้อมการรองรับ API หลายตัวในตัว
วิเทสส์ - เทมเพลตสตาร์ทเตอร์ที่มีความคิดเห็น
vite-ts-tailwind-starter - TypeScript, Tailwind CSS, Cypress.io การทดสอบ e2e + CI
vue-vben-admin - เทมเพลตการจัดการพื้นหลังที่ใช้ Vue3, Ant-Design-Vue, TypeScript
vue-pure-admin - เทมเพลตการจัดการพื้นหลังที่ใช้ Vue3, TypeScript, Tailwind CSS, element-plus
fast-crud - เฟรมเวิร์ก crud ที่เน้นตัวเลือก พัฒนา crud ให้เร็วปานสายฟ้า
vitesse-lite - Vitesse เวอร์ชันน้ำหนักเบา
vitesse-webext - เทมเพลตเริ่มต้น WebExtension Vite
naive-ui-dashboard-template - เป็นมิตรกับ UI, Vue 3 + TSX + TailwindCSS 2 JIT + PostCSS + Naive UI
Vitawind Creator - สร้างโปรเจ็กต์ TailwindCSS อย่างรวดเร็ว
vue3-tailwind3-website-starter - เทมเพลตเริ่มต้นเว็บไซต์ Vue3 / Vite / TailwindCSS พร้อมคำแนะนำในแต่ละหน้า
boot-vue - เทมเพลตเริ่มต้นพร้อม TypeScript + UnoCSS + DaisyUI + Vue Router + Pinia
Vue Naive - เทมเพลตผู้ดูแลระบบ อิงจาก Vue 3 + Pinia + Naive UI
vue-admin-box - เทมเพลตผู้ดูแลระบบ อิงตาม 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 และ Commitlint
vue3-vant-mobile - Vite5 + Vue3 + Vant4 + Pinia + Vue-Router4 + เทมเพลตมือถือ TypeScript
vue-vite-tw-ts - Vue 3 + Vite + Vitest + Cypress E2E + Naive UI + Pinia + เราเตอร์ Vue
vite-vue-js-starter-template - Vite + Vue3 + JavaScript + Vue Router + Pinia + TDesign + ESLint + Stylelint + เทมเพลตเรียบง่ายที่สวยกว่า
vue-xs-admin - อิงจาก Vue3, Vite3 ElementPlus, TypeScript, Pinia, VueRouter
วัลแคน - เทมเพลตสำหรับแอปพลิเคชันมือถือ Vite, Vue 3, TypeScript, Sass, i18n, Vitest&Cypress, Pinia, APIs&Mock, ESLint, Prettier, การนำเข้าอัตโนมัติ
antdv-pro - AntdvPro คือชุดโซลูชั่นฟรอนต์เอนด์/การออกแบบระดับกลางระดับองค์กรที่สมบูรณ์ ซึ่งใช้ Vue3, Vite4, ant-design-vue4, Pinia, UnoCSS และ Typescript
vue3-quick-start - การสร้างโปรเจ็กต์ Vue 3 ที่ได้รับการออกแบบทางวิศวกรรม บูรณาการกับ Vite
+ Vue3
+ TypeScript
+ ESLint
+ Prettier
+ Commitizen
+ Husky
+ LintStaged
+ CommitLint
+ AutoImport
+ ReleaseIt
antd-vue3-admin - เทมเพลตเริ่มต้นที่ใช้ Vue3, Vite4, TS5 และ Ant-Design-Vue4
vue-file-upload - ระบบจัดการไฟล์ที่สร้างด้วย Vue3
และ TypeScript
ที่อนุญาตให้อัปโหลดไฟล์เดียวและหลายไฟล์พร้อมคุณสมบัติแสดงตัวอย่าง
arco-admin - Vite
+ ArcoDesign
+ TypeScript
เป็นไปตามมาตรฐาน ESM
โดยนำเสนอเทมเพลตที่มีฟีเจอร์มากมายที่พร้อมใช้งานทันทีที่ได้มาตรฐานสำหรับระบบการจัดการส่วนกลางและส่วนหลัง
materio-free-vuetify-nuxtjs-admin-template - Vuejs 3, Vite 5, Vuetify 3 & NuxtJS 3
vite-plugin-vue-style-bundler - รวมสไตล์ Vue/sfc เข้ากับ JavaScript โดยอัตโนมัติ
celeris-web - เทมเพลตที่ใช้ Vite
+ Vue3
+ TypeScript
+ Vue-Router
+ Pinia
+ Unocss
+ Naive UI
+ pnpm Monorepo
vite-ts-starter - เทมเพลตการแปลเราเตอร์แบบไดนามิก Vue I18n
แอปพลิเคชันที่เป็นสากลด้วย UnoCSS
+ Unplugin
+ Element-Plus
+ Vitest
+ TypeScript
+ Vue-Router
+ Vuex
+ Scss
+ ESLint
+ Stylelint
+ Husky
+ lint-staged
vite-vue2-windicss-starter - Vue 2, Vue Router, Composition API, VueUse, Windi CSS และ TypeScript
vite-vue2-ts-starter - เทมเพลตเริ่มต้น Vue2 TypeScript โดยใช้ vue-property-decorator, vue-router, Vuex
vite-vue2-ts-vuetify-starter - เป็น vite-vue2-ts-starter ข้างต้นที่มี Vuetify และการตั้งค่าที่ปรับให้เหมาะสมที่สุด รวมถึงเทมเพลตพื้นฐาน
vitify-admin - เทมเพลตเริ่มต้นของผู้ดูแลระบบ Vuetify พร้อมการสนับสนุน TypeScript เต็มรูปแบบและความชาญฉลาดของส่วนประกอบ Vuetify
วิตามิน - React TypeScript, TailwindCSS, SPA + PWA, Cypress และ CI
vite-template-react - เทมเพลตที่เหมือนแอปสร้าง React
vitejs-template-react-rescript - React + ReScript
template-vite-react - เทมเพลตเริ่มต้น React Vite ขั้นต่ำ
reactjs-vite-tailwindcss-boilerplate - React 18, TypeScript, Vitest, ไลบรารีการทดสอบ, TailwindCSS 3, Eslint และ Prettier
vite-react-ts-tailwind-firebase-starter - เริ่มต้นโดยใช้ Vite + React + TypeScript + Tailwind CSS (daisyUI) + Firebase (v9) + Prettier + ESLint
create-react-app-vite - React, TypeScript, TailwindCSS, MSW, Vitest, ไลบรารีการทดสอบปฏิกิริยา, ESLint, Prettier, GitHub Actions
chrome-extension-boilerplate-react-vite - React + TypeScript + SASS + Prettier + ESLint + GitHub Actions + HMR (โหลดโมดูลด่วน) + Turborepo + Chrome Extension Manifest v3.0
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 + ไลบรารีการทดสอบ + 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 และอีกมากมาย
react-vite-ssr - Mobx, Typescript, Eslint, Stylelint, Husky, Lint-staged และ Commitlint
Viterts - React + TypeScript + Redux + React Router + Jest + ESLint + Airbnb + Prettier + SASS
ViteRC - React 18 + TypeScript + ESLint (Airbnb) + Prettier + Husky + Jest + การนำเข้าแบบสัมบูรณ์ + กระทำการขุย
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 ไอคอน + React Toastify + Express + Mongoose
Varsarr - React, Typescript, Styled-Components, Recoil, React-Query, Axios, การนำเข้าแบบสัมบูรณ์
viterjs-template - React + JavaScript + Redux + Material UI + Axios + ESLint + Prettier
react-vite-ts-boilerplate - ตอบสนอง 18, TypeScript, SCSS, ESLint, Prettier, Vitest
vite-react-universal-template - React18 + TypeScript + react-router-dom
+ Zustand + ESlint + Prettier + Stylelint + Husky + Docker และการนำเข้า API อัตโนมัติ
react-vite-template - เทมเพลตโปรเจ็กต์โต้ตอบ
react-xs-admin - เทมเพลตระบบการจัดการพื้นหลังที่พัฒนาขึ้นบนพื้นฐานของ React18 + ReactRouteV6 + Vite + และการออกแบบ + ReactIntl + ReactRedux + Emulation
vite-mui-ts - React + TypeScript + Redux + วัสดุ 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, หนังสือนิทาน, นักเขียนบทละคร, MSW, React Router 6, React Query, Chakra UI, Zustand
react-vite-tailwindcss-template - React, JavaScript, TailwindCSS, ESlint, Prettier, การกระทำล่วงหน้า
vite-tinybase-react - เทมเพลตเริ่มต้นสำหรับ TinyBase และ React
vite-tinybase-ts-react - เทมเพลตเริ่มต้นสำหรับ TinyBase, TypeScript และ React
vite-react-ssr-boost-template - เทมเพลตสำหรับสร้างแอป React 18
SSR/SPA ด้วย TypeScript
, Mobx
, React Router
, Head Manager
, Suspense, Streaming รวมถึง CI/CD, ESLint
, Prettier
, Stylelint
, Husky
, Semantic Release
vite-react-ts-shadcn-starter - เทมเพลตสำหรับสร้างแอป React 18
SPA ด้วย TypeScript
, React Router
, Tailwind CSS
, Shadcn UI
, React Query
, ESLint
, Prettier
, Stylelint
, Husky
, React-i18next
, Transmart
template-tauri-vite-react-ts-tailwind - เทมเพลตสำหรับ Tauri + React + Typescript + TailwindCSS + Prettier + ESLint build-in
vite-react-chakra-starter - เทมเพลตเริ่มต้นสำหรับการสร้างแอป React ด้วย TypeScript และ Chakra UI กำหนดค่าด้วย ESLint, Prettier และ Husky
vite-react-tailwind-starter - เทมเพลตเริ่มต้นสำหรับการสร้างแอป React ด้วย TypeScript และ Tailwind CSS พร้อม Shadcn UI กำหนดค่าด้วย ESLint, Prettier และ Husky
monorepo-template-react - React + เทมเพลต Typescript สำหรับการจัดเตรียม SSR, SPG, SPA และ API
vite-react-dapp-template - เทมเพลตเริ่มต้นสำหรับการพัฒนาส่วนหน้าของแอปแบบกระจายอำนาจพร้อมคุณสมบัติ Wallet Authentication, i18n และ UI ที่กำหนดค่าไว้ล่วงหน้า
vite-express-ssr-ts - React + Typescript + ExpressJS + Vite SSR template พร้อมคุณสมบัติ inbuild api
vite-react-flow-template - เทมเพลตเริ่มต้น React Flow
react-vite-template - React, TypeScript, Vite, Mantine, Million, Husky, Prettier, ตัวเรียงลำดับการนำเข้า, Lint-staged
Gravity-ui-vite-template - เทมเพลตที่มีระบบนิเวศ Gravity UI (React, TypeScript, Gravity UI, Vite, Husky, ESLint, Prettier, Lint-staged)
vite-react-component-library-starter - เทมเพลตเริ่มต้นสำหรับการสร้างไลบรารีส่วนประกอบ React ด้วย TypeScript
, Tailwind CSS
, Storybook
, Vitest
, ESLint
, Prettier
, Husky
และ GitHub Action
vite-template-awesome-soho - เทมเพลต DevContainer
สำหรับสร้าง React 18
, Javascript + JSDoc
, React Router
, Ant Design
, ESLint
, EditorConfig
, .env
, SonarLint
, Vitest
react-component-library-vite - เทมเพลตไลบรารีสำหรับ React
, Javascript
, Styled-Components
, Vitest
, React Testing Library
, Storybook
ReTail - เทมเพลตเริ่มต้นสำหรับการสร้างแอปพลิเคชันเว็บแบบ Full Stack ด้วย Remix
โดยใช้ TypeScript
, Tailwind CSS
, Prettier
และ ESLint
vite-react-redux-saga-typescript - เทมเพลตเริ่มต้นพร้อม React
, TypeScript
, Redux (Redux Toolkit)
, Saga
, React Testing Library
, ESLint
, Prettier
และ Husky
vite-complete-react-app - เทมเพลตเริ่มต้นสำหรับการสร้างเว็บแอปพลิเคชันโดยใช้ React
, TypeScript
, Redux Toolkit
, React Router
, Axios
, Sass
, Moment
, ESLint
, Prettier
และ React Testing Library
vite-react-framer-starter - เทมเพลตเริ่มต้นที่มี React
, TypeScript
, Framer Motion
, Tailwind CSS
, ESLint
และ Prettier
vite-jsx-remove-attributes - ลบ data-testid
(กำหนดค่าได้) ออกจากบิลด์ที่ใช้งานจริง
React Tanning - เทมเพลตเริ่มต้นพร้อม React + Vite + TypeScript + TanStack + Tailwind
Reactive - เทมเพลต React
Starter พร้อมรูปแบบการกำหนดเส้นทางตามไฟล์ Remix
สำหรับ react-router
, UnoCSS
, LinguiJs
, zustand
และฟีเจอร์มากมาย
RVTGB - เทมเพลตเริ่มต้น React
+ TypeScript
พร้อมการกำหนดเส้นทางตามไฟล์ด้วย Generouted
และ Biome
vite-biome-tailwind-template - ตอบสนอง, typescript, Biome, Tailwind CSS
React Dapp Starter - ตัวเริ่มต้น Web3 DApp ที่พร้อมใช้งานระดับองค์กร พร้อมด้วย TypeScript
, TailwindCSS
, Web3Modal
, Wagmi
, Shadcn UI
, Zustand
และ TanStack Query
สำหรับแอปพลิเคชันแบบกระจายอำนาจที่ปรับขนาดได้
vite-template-react-ts-jest - React
+ TypeScript
+ Jest
vite-amplify - เทมเพลตที่มี SSR + Express API + โฮสติ้ง AWS Amplify
react-component-library-template - เทมเพลตไลบรารีสำหรับ React
, TypeScript
, Vitest
, React Testing Library
, Storybook
, Biome
, Stylelint
react-boilerplate - เทมเพลตสำหรับการบูตสแตรปด้วย Eslint
+ Husky
+ Prettier
SvelteKit - วิธีที่เร็วที่สุดในการสร้างแอป Svelte
svelte-vite-ssr - Svelte พร้อมรองรับ SSR
template-vite-svelte-ts-tailwind - Svelte + TypeScript + Tailwind CSS + สวยกว่า
vite-svelte-flow-template - เทมเพลตเริ่มต้น Svelte Flow
vite-svelte-docker-template - Docker
+ Svelte
+ Vitest
vitesse-solid - เทมเพลตเริ่มต้น Vite + SolidJS ที่มีความคิดเห็น รวมถึง TypeScript, ESLint, Prettier, UnoCSS, HopeUI และอีกมากมาย
vitesse-lite-solid - เทมเพลต Vite Starter น้ำหนักเบาสำหรับ SolidJS
electronic-vite-vue - เทมเพลต Electron + Vite + Vue
Electron-vite-react - เทมเพลต Electron + Vite + React
อิเล็กตรอน-ไวต์-บอยเลอร์เพลท - รองรับ SerialPort, SQLite3 และส่วนเสริมโหนด C/C++
เทมเพลตอิเล็กตรอน - ไวท์ - อิเล็กตรอน 13, Vue 3 และ TypeScript ทำให้การพัฒนาเดสก์ท็อปของคุณง่ายขึ้น
fast-vite-electron - Vue3 + Vite + Electron พร้อม esbuild
fast-vite-nestjs-electron - Vue3 + Vite + Electron + Nestjs พร้อม esbuild
vite-plugin-electron-quick-start - เทมเพลตสำหรับโครงการอิเล็กตรอน
vite-electron-builder - แอป Electron ที่ใช้ Vite สำหรับทั้งส่วนหลังและส่วนหน้า พร้อมการเผยแพร่อัตโนมัติ
vite-reactts-electron-starter - React, Tailwind CSS, TypeScript และ Electron
เทมเพลตอิเล็กตรอน - วู - เทมเพลตอิเล็กตรอนพร้อม TypeScript รวมถึง Electron Builder
Vitron - สร้างแอปเดสก์ท็อปที่สวยงาม (win, linux, mac) สำหรับโครงการเว็บสมัยใหม่ด้วย vite และอิเล็กตรอน
Vutron - เทมเพลต Electron + Vite + Vue 3 + Pinia (TypeScript)
vite-electron-plugin - ปลั๊กอิน Vite Electron ที่ใช้ esbuild ประสิทธิภาพสูง
vite-plugin-doubleshot - สำหรับการสร้างแบ็กเอนด์ Node.js หรือกระบวนการหลักของ Electron
vite-react-neutralino-template - เทมเพลต Neutralino + Vite + React
vite-elm-template - เทมเพลตเริ่มต้นสำหรับการสร้างแอปพลิเคชัน Elm
elm_vite_tailwind_template - เทมเพลตที่ได้รับความเห็นชอบสำหรับการสร้างแอปเว็บ Elm โดยใช้ Tailwind CSS และ Daisy UI
github-action-template - เทมเพลตเริ่มต้นสำหรับ GitHub Actions, Typescript, ESLint, Vitest, Husky, Conventional Commits
vit-singlefile-gzip - เทมเพลตเริ่มต้นสำหรับการฝังตัว
11st-Starter-Kit - 11ty ขับเคลื่อนโดย Vite พร้อม Tailwind CSS และ Alpine.js
chrome-ext-template-preact-windi-vite - Preact, Windi CSS, TypeScript, Prettier, ESLint, GitHub Actions และ Chrome Extension Manifest v3.
vite-vue3-chrome-extension-v3 - เทมเพลตเริ่มต้นส่วนขยายเว็บสำหรับ Chrome, Firefox และ Edge
@vitejs/plugin-legacy - รองรับเบราว์เซอร์รุ่นเก่า
vite-plugin-pwa - Zero-config PWA
vite-plugin-windicss - การรวม Windi CSS
vite-plugin-node - บูรณาการกับเซิร์ฟเวอร์แบ็กเอนด์ Node.js
vite-plugin-cesium - บูรณาการกับไลบรารี Cesium
vite-plugin-linter - เฟรมเวิร์ก linter ที่ขยายได้ที่แสดงเอาต์พุต linting ในเอาต์พุต Vite และคอนโซลของเบราว์เซอร์ รวมถึง ESLint และ TypeScript ootb
vite-plugin-checker - ตัวตรวจสอบการรันอย่างรวดเร็ว (TypeScript/VLS/vue-tsc ฯลฯ) ในเธรดของผู้ปฏิบัติงานที่มีการซ้อนทับและคำใบ้เทอร์มินัล
vite-plugin-tauri - รวม Tauri ในโปรเจ็กต์ Vite เพื่อสร้างแอปข้ามแพลตฟอร์ม
vite-plugin-federation - รองรับ Module Federation ซึ่งได้รับแรงบันดาลใจจากคุณสมบัติ Webpack Module Federation
vite-plugin-wasm-pack - บูรณาการกับสนิม wasm-pack วิธีง่ายๆ
vite-plugin-comlink - ใช้ WebWorkers ด้วยพลังของ Comlink เพื่อทำให้พวกเขาเพลิดเพลิน
vite-plugin-sass-dts - นี่คือปลั๊กอินที่สร้างไฟล์ประเภทโดยอัตโนมัติเมื่อใช้โมดูล CSS อย่างปลอดภัย
vite-plugin-ali-oss - อัปโหลดไฟล์ที่ใช้งานจริงที่รวมอยู่ในโปรเจ็กต์ไปยัง Ali OSS ยกเว้น HTML
vite-plugin-webfont-dl - ดาวน์โหลดและแทรก webfonts (Google Fonts) เพื่อปรับปรุงประสิทธิภาพของเว็บไซต์
vite-plugin-babel - การรวม Babel สำหรับทั้งบิลด์และเซิร์ฟเวอร์เพื่อรองรับ f.ex ผู้ตกแต่งหรือฟิลด์คลาสในไฟล์ JS/JSX ล้วนๆ
vite-plugin-electron - รวม Vite และอิเล็กตรอน
vite-plugin-optimizer - การรวมกลุ่มล่วงหน้าด้วยตนเอง
vite-plugin-babel-compiler - ปลั๊กอินใช้งานได้กับคอมไพเลอร์ Babel
vite-plugin-commonjs - การใช้งาน JavaScript ล้วนๆ สำหรับ CommonJs
vite-plugin-mpa-plus - MPA ที่ยืดหยุ่นมากขึ้น (แอปพลิเคชันหลายหน้า) รองรับเทมเพลต html การเขียนเส้นทางใหม่
vite-plugin-multi-pages - รองรับหลายหน้า,สามารถสร้าง src/pages หน้าใดก็ได้,สามารถตั้งชื่อคำนำหน้าได้
vite-plugin-html-template-mpa - รองรับเทมเพลตทั่วไปหลายหน้า
vite-plugin-vconsole-mpa - Vconsole หลายหน้ารองรับ config ง่าย ๆ
vite-plugin-browser-sync - BrowserSync
vite-plugin-jspm - แก้ไขการขึ้นต่อกันอย่างเป็นอิสระจากผู้ให้บริการ CDN โดยใช้แผนที่นำเข้าและ es-module-shims
vite-plugin-env-switch - สลับโปรเจ็กต์ env และรีสตาร์ทเซิร์ฟเวอร์ vite โดยไม่ต้องใช้บรรทัดคำสั่ง
vite-plugin-virtual-mpa - ปลั๊กอิน MPA นอกกรอบพร้อมเอ็นจิ้นเทมเพลต html และรองรับไฟล์เสมือน ซึ่งสร้างหลายไฟล์โดยใช้เทมเพลตเดียวเท่านั้น
vite-plugin-stylelint - รัน Stylelint แบบซิงโครนัส/อะซิงโครนัส
Vite-plugin-graphiql - การบูรณาการสำหรับ GraphiQL IDE
vite-plugin-graphql-server - บูตเซิร์ฟเวอร์ GraphQL ในเครื่องสำหรับการทดสอบและจัดทำเอกสาร
unplugin-fonts - โหลดแบบอักษรจาก Typekit, Google Fonts, Fontsource หรือแบบอักษรที่คุณกำหนดเอง
unplugin-config - ตัวสร้างไฟล์การกำหนดค่าสำหรับเว็บแอป ช่วยให้สามารถปรับแต่งตัวแปรส่วนกลางภายนอกได้โดยไม่ต้องทำแพ็กเกจใหม่
vite-plugin-svg-spritemap - สร้าง SVG spritemap จากไฟล์ .svg หลายไฟล์
vite-plugin-dc - บูรณาการกับไลบรารี @dvgis/dc-sdk
@spiriit/vite-plugin-svg-spritemap - แพ็คไฟล์ SVG ของคุณในไฟล์ spritemap ไฟล์เดียวและใช้กับ <svg>
/ <img>
และใน CSS ของคุณโดยตรง
vite-plugin-auto-mpa-html - ปลั๊กอินสร้างหลายหน้าอัตโนมัติตามไดเร็กทอรีไฟล์ที่รองรับเทมเพลต HTML โดยใช้ EJS
vite-plugin-cloudflare-functions - การรวมฟังก์ชันหน้า Cloudflare
@storybook/builder-vite - ตัวสร้างหนังสือนิทาน
@builder.io/partytown - ย้ายตำแหน่งสคริปต์บุคคลที่สามที่ใช้ทรัพยากรจำนวนมากออกจากเธรดหลักไปยังผู้ปฏิบัติงานเว็บ
vite-plugin-dynamic-proxy - กำหนดค่าพร็อกซีย้อนกลับโดยอัตโนมัติตามพารามิเตอร์ URL
unplugin-auto-export - บำรุงรักษาคำสั่งการส่งออกในไฟล์ index.ts โดยอัตโนมัติ
remix-development-tools - ปลั๊กอินสำหรับเครื่องมือพัฒนา Remix.run
vite-plugin-legacy-swc - รองรับเบราว์เซอร์รุ่นเก่าด้วย SWC
vite-plugin-biome - Biome linter
vite-plugin-oxlint - Oxlint linter
@tomjs/vite-plugin-electron - พัฒนาแอปพลิเคชัน Electron
ได้อย่างง่ายดาย
@tomjs/vite-plugin-vscode - ใช้เว็บเฟรมเวิร์กเพื่อพัฒนา Webview
ของ VSCode Extension
ได้อย่างง่ายดาย และรองรับ HMR
และ Debug
vite-plugin-px-rem-vw - รวมปลั๊กอิน PostCSS pxTorem และ pxTovw
vite-plugin-mpg - การกำหนดค่าอย่างง่ายของแอปพลิเคชันหลายหน้า
vite-plugin-pagefind - รวมการค้นหา pagefind
@mistjs/vite-plugin-px2viewport - ปลั๊กอินที่แปลงสไตล์อินไลน์และไฟล์สไตล์จากหน่วย px เป็นหน่วย vw โดยอัตโนมัติ
vite-multiple-assets - เพิ่มการรองรับไดเร็กทอรีสินทรัพย์สาธารณะหลายรายการ
vite-create-production-server-plugin - หมุนบริการ HTTP ที่ใช้งานจริงหลังจากสร้าง
vite-plugin-eslint2 - รัน ESLint แบบซิงโครนัส/อะซิงโครนัส
genaicode/vite-plugin - ปลั๊กอินที่ฝังผู้ช่วยเขียนโค้ด AI ไว้ใน UI ของแอป
unplugin-icon - เข้าถึงไอคอนนับพันเป็นส่วนประกอบ
vite-imagetools - โหลดและแปลงรูปภาพโดยใช้พารามิเตอร์การสืบค้น url
vite-plugin-radar - ตัวโหลดการวิเคราะห์ทั้งหมดในที่เดียว (รองรับผู้ให้บริการมากกว่า 7 ราย)
vite-plugin-glsl - นำเข้าไฟล์เชเดอร์
vite-plugin-svgo - โหลด SVG เป็นสตริงธรรมดาและแปลงด้วยไลบรารี SVGO
vite-plugin-remark-rehype - โหลดและแปลงไฟล์มาร์กดาวน์โดยใช้ระบบนิเวศแบบครบวงจร
vite-plugin-php - โหลดและประมวลผลไฟล์รายการ PHP แทนค่าเริ่มต้นของ index.html
vite-plugin-lqip - สร้างตัวยึดตำแหน่งรูปภาพคุณภาพต่ำ (LQIP)
vite-plugin-ms-clarity - แทรกสคริปต์ Microsoft Clarity ไปที่ index.html
@ cyco130/vite-plugin-mdx - นำเข้า MDX
vite-awesome-svg-loader - นำเข้า SVG เป็นซอร์สโค้ด base64 และ URI ข้อมูล รักษาความกว้างของเส้นขีด แทนที่สีด้วย currentColor เพิ่มประสิทธิภาพ SVG ด้วย SVGO สร้างสไปรท์ SVG
vite-plugin-dir2json - แปลงโครงสร้างไดเร็กทอรีเป็นข้อมูล json ที่มีเส้นทางไฟล์ที่รองรับ
rollup-plugin-critical - สร้าง CSS ที่สำคัญ
vite-plugin-dts - สร้างไฟล์การประกาศจากไฟล์ต้นฉบับ .ts
หรือ .vue
สำหรับ lib
vite-compression-plugin - ใช้ไฟล์บีบอัดสตรีม Node.js เพื่อ gzip หรือมากกว่า
vite-plugin-chunk-split - การแยกโค้ดโดยอัตโนมัติ รองรับการแยกกลุ่มในการผลิต
vite-plugin-static-copy - คัดลอกไฟล์และโฟลเดอร์
vite-plugin-zip-file - บีบอัดไฟล์หรือโฟลเดอร์เป็น zip
vite-plugin-zip-pack - แพ็คการแจกจ่าย/สร้างโฟลเดอร์ลงในไฟล์ zip
vite-plugin-cp - คัดลอกไฟล์หลังจากสร้างบันเดิล
unplugin-imagemin - รูปภาพที่ถูกบีบอัดประสิทธิภาพสูงโดยอิงจาก squoosh และความคมชัด
vite-plugin-image-optimizer - เพิ่มประสิทธิภาพ (บีบอัด) เนื้อหารูปภาพของคุณโดยใช้ Sharp.js และ SVGO ณ เวลาสร้าง
vite-plugin-no-bundle - สร้างโค้ดที่ไม่ได้รวมกลุ่มเพื่อใช้กับ ESM ดั้งเดิมหรือบันเดิลอื่นๆ
vite-plugin-css-injected-by-js - นำ CSS และเพิ่มลงในเพจผ่าน JS
unplugin-zip-pack - บีบอัด dist ของคุณด้วยการสนับสนุนฟังก์ชันตัวกรอง
vite-plugin-singlefile - อินไลน์ทรัพยากร JavaScript และ CSS ทั้งหมดลงในไฟล์ dist/index.html
สุดท้ายโดยตรง
vite-plugin-node-polyfills - โมดูลหลักของ Polyfill Node สำหรับสภาพแวดล้อมเบราว์เซอร์
vite-plugin-cdn2 - แทนที่โมดูลด้วย CDN
vite-plugin-bundle-prefetch - แทรกเนื้อหาการดึงข้อมูลล่วงหน้าลงใน index.html
vite-plugin-imagemin - ปรับให้เหมาะสมและบีบอัดเนื้อหารูปภาพของคุณ และสร้าง WebP/AVIF ก็ได้
vite-plugin-lib-types - สร้างไฟล์ DTS ในขณะที่สร้างไลบรารี
vite-plugin-minipic - เครื่องมือบีบอัดรูปภาพที่มีประสิทธิภาพ
vite-plugin-robots - กำลังสร้าง robots.txt
vite-plugin-bundle-obfuscator - JavaScript obfuscator
@yuanjianming/unplugin-image-convert - ปลั๊กอินแปลงรูปภาพหลายรูปแบบที่ใช้ Sharp.js
vite-plugin-dynamic-chunk - แยกการพึ่งพาระหว่างรายการและรายการไดนามิก และรวมชิ้นส่วนขนาดเล็ก
@yuanjianming/unplugin-compress-svga - บีบอัด SVGA
@yuanjianming/unplugin-font-spider - ปลั๊กอินบีบอัด webfont
vite-plugin-static-filehash - สามารถช่วยโปรแกรมปรับปรุงอัตราการเข้าชมแคช
vite-plugin-html - ปลั๊กอินเพื่อย่อขนาดและใช้ไวยากรณ์เทมเพลต ejs ใน index.html
vite-plugin-ts-nameof - ความสามารถในการแก้ไข nameof ใน TypeScript
vite-plugin-handlebars - ประมวลผลไฟล์ HTML ด้วยแฮนด์บาร์
vite-plugin-virtual-html - ทำให้ Vite MPA สอดคล้องกับ @vue/cli
vite-plugin-content - แปลงไฟล์ yaml
, xml
, ini
, toml
, csv
, plist
และ properties
เป็นโมดูล ES6
vite-plugin-require - ปลั๊กอิน Vite ที่รองรับ require
โดยการแปลงโค้ด
vite-plugin-global-style - จัดการกับสไตล์สากลสำหรับ CSS, SASS, LESS และ Stylus
vite-plugin-shared-modules - แชร์ node_modules ใน monorepos
vite-plugin-pug-transformer - รองรับเอ็นจิ้นเทมเพลต Pug
@import-meta-env/unplugin - ฉีดตัวแปรสภาพแวดล้อมลงในออบเจ็กต์ import.meta.env
หลังจากสร้างแอปพลิเคชันแทนที่จะแทนที่แบบคงที่ในระหว่างการใช้งานจริง
@modyfi/vite-plugin-yaml - แปลงไฟล์ YAML เป็น ESM ด้วยการตรวจสอบสคีมาและการรายงานข้อผิดพลาด
vite-plugin-html-inject - แบ่ง index.html
ออกเป็นชิ้นเล็กๆ ที่สามารถนำกลับมาใช้ใหม่ได้
unplugin-inject-preload - แทรก <link rel="preload">
ลงใน index.html
ของคุณตามเนื้อหาที่คุณสร้าง
@vituum/vite-plugin-handlebars - รองรับเอ็นจิ้นเทมเพลตแฮนด์บาร์ เปลี่ยนเทมเพลต .hbs
เป็น .html
@vituum/vite-plugin-pug - รองรับเอ็นจิ้นเทมเพลต Pug แปลงเทมเพลต .pug
pug เป็น .html
@vituum/vite-plugin-nunjucks - รองรับเอ็นจิ้นเทมเพลต Nunjucks แปลงเทมเพลต .njk
เป็น .html
@vituum/vite-plugin-liquid - รองรับเอ็นจิ้นเทมเพลต Liquid แปลงเทมเพลต .liquid
เป็น .html
@vituum/vite-plugin-twig - รองรับเอ็นจิ้นเทมเพลต Twig แปลงเทมเพลต .twig
เป็น .html
@vituum/vite-plugin-latte - รองรับเอ็นจิ้นเทมเพลต Latte แปลงเทมเพลต .latte
เป็น .html
@vituum/vite-plugin-posthtml - รองรับ PostHTML แปลงไวยากรณ์เป็น .html
@vituum/vite-plugin-juice - รองรับ Juice แปลง .css
เป็นสไตล์อินไลน์ใน .html
vite-plugin-version-mark - ใช้ package version
/ git commit
/ custom
โดยอัตโนมัติเพื่อแทรกลงในโปรเจ็กต์ของคุณเป็นตัวระบุเฉพาะสำหรับเวอร์ชันโปรเจ็กต์
vite-plugin-css-export - ส่งออกตัวแปรจาก CSS เป็น JavaScript และรองรับกฎที่ซ้อนกัน
vite-plugin-optimize-css-modules - สร้างคลาส CSS ที่เล็กที่สุดที่เป็นไปได้เมื่อใช้โมดูล CSS
vite-plugin-generate-html - กำหนดไฟล์เอาต์พุตแยกกันสำหรับบันเดิล JavaScript และ CSS
vite-plugin-turbo-console - ปรับปรุงความสามารถในการอ่านของ console.log()
vite-plugin-html-injection - แทรกข้อมูลโค้ด HTML, JavaScript และ CSS ลงใน index.html
vite-plugin-typescript-transform - ใช้คอมไพเลอร์ TypeScript ในระหว่างขั้นตอนการสร้างการแปลงของ Vite
vite-plugin-public-typescript - ฉีด Typescript ลงใน index.html
unplugin-generate-component-name - สร้างชื่อของส่วนประกอบโดยอัตโนมัติ
@laynezh/vite-plugin-lib-assets - แยกไฟล์ทรัพยากรที่อ้างอิงใน library mode
แทนที่จะฝังเป็น base64
css-media-splitter/vite-plugin - แยก @media
At-rules ทั้งหมดเป็นไฟล์ .css
เฉพาะ และดาวน์โหลดเมื่อตรงกับข้อความค้นหาสื่อเท่านั้น
@tomjs/vite-plugin-html - รองรับการบีบอัด, การโหลด, CDN และอื่น ๆ สำหรับ index.html
@tomjs/vite-plugin-iconify - ฉีดตัวแปรส่วนกลาง IconifyProviders
ลงใน index.html
สำหรับ iconify
และรองรับเครือข่ายท้องถิ่นและ URL ที่กำหนดเอง
vite-plugin-icons-spritesheet - สร้างประเภทสไปรท์ชีตและ TypeScript จากไอคอน SVG โดยการฟังการเปลี่ยนแปลงโฟลเดอร์ไอคอน
vite-plugin-abbrlink - เพิ่มแอตทริบิวต์ abbrlink ให้กับไฟล์ markdown
ในไดเร็กทอรีที่ระบุ
vite-plugin-native - รองรับส่วนเสริมเนทีฟของ Node/Electron C/C++
@yoichiro/vite-plugin-handlebars - นำเข้าเทมเพลตแฮนด์บาร์ .hbs
เป็นโมดูล ES
vite-plugin-magic-preloader - สร้างแท็ก <link rel="prefetch" />
หรือ <link rel="preload" />
ผ่านความคิดเห็นมหัศจรรย์และแทรกลงใน index.html
vite-tsconfig-paths - รองรับการแมปพาธของ TypeScript
vite-aliases - การสร้างนามแฝงอัตโนมัติตามโครงสร้างโปรเจ็กต์
vite-plugin-mkcert - จัดเตรียมใบรับรองเซิร์ฟเวอร์ https dev
vite-plugin-vconsole - ช่วยให้นักพัฒนาใช้ vconsole เพื่ออำนวยความสะดวกในการพัฒนาและแก้ไขข้อบกพร่องบนมือถือ
vite-plugin-mock-server - ปลั๊กอินเซิร์ฟเวอร์จำลอง รองรับการใช้ TS และ JS เพื่อเขียน Mock API และ HMR
vitawind - ติดตั้งและตั้งค่า Tailwind CSS โดยอัตโนมัติ
vite-plugin-restart - รีสตาร์ทเซิร์ฟเวอร์ Vite เมื่อมีการเปลี่ยนแปลงไฟล์
vite-plugin-full-reload - รีโหลดเบราว์เซอร์เมื่อมีการเปลี่ยนแปลงไฟล์
vite-plugin-tips - ให้คำแนะนำสถานะเซิร์ฟเวอร์การพัฒนาที่ดีขึ้นบนเพจ
vite-plugin-external - จัดเตรียมวิธีการยกเว้นการขึ้นต่อกันจากโค้ดรันไทม์และบันเดิลเอาต์พุต
unplugin-auto-import - การนำเข้า API อัตโนมัติตามความต้องการ
vite-plugin-inspect - ตรวจสอบสถานะกลางของปลั๊กอิน Vite
vite-plugin-remove-console - ปลั๊กอิน vite ที่ลบ console.log ในสภาพแวดล้อมการใช้งานจริง
vite-plugin-dev-manifest - สร้าง manifest.dev.json
ในระหว่างเซิร์ฟเวอร์ dev สำหรับการรวมแบ็กเอนด์กับภาษา/เฟรมเวิร์กใดๆ
vite-plugin-watch-and-run - ดูไฟล์บางไฟล์ (glob) และเรียกใช้คำสั่ง เพื่อเปิดใช้งานเครื่องมือใด ๆ ให้มีโหมดนาฬิกา
vite-plugin-dynamic-base - แก้ไขไฟล์ทรัพยากรทั้งหมด dynamic publicPath
vite-plugin-live-reload - กำลังโหลดซ้ำแบบสด
vite-plugin-simple-vconsole - มุมมองคอนโซลการดีบักภายในแอปของคุณเพื่อทำให้การดีบักบนมือถือง่ายขึ้นสำหรับทั้ง SPA และ MPA
vite-plugin-qrcode - แสดงรหัส QR เมื่อเซิร์ฟเวอร์เริ่มทำงาน
vite-plugin-cem - สร้างรายการ custom-elements.json
เพื่ออธิบายองค์ประกอบที่กำหนดเอง
vite-plugin-web-update-notification - ตรวจจับการอัปเดตหน้าเว็บและแจ้งให้ผู้ใช้โหลดซ้ำ สนับสนุน vite และ umijs
vite-plugin-browserslist-useragent - คอมไพล์แบบสอบถามรายการเบราว์เซอร์ไปยัง RegExp เพื่อทดสอบ useragent ของเบราว์เซอร์
vite-plugin-validate-env - ตรวจสอบตัวแปรสภาพแวดล้อมของคุณ ณ เวลาสร้าง อย่าลืมตัวแปรสภาพแวดล้อมอีกเลย
vite-plugin-mock-data - จัดเตรียมวิธีง่ายๆ ในการจำลองข้อมูล
vite-plugin-reverse-proxy - บางครั้งเราต้องเปลี่ยนเส้นทางสคริปต์ในสภาพแวดล้อมการใช้งานจริงเพื่อแก้ไขจุดบกพร่องและแก้ไขปัญหา ปลั๊กอินจะเปลี่ยนสคริปต์ที่จะให้บริการด้วยประเภท MIME text/javascript
ไปเป็นประเภท MIME module
vite-plugin-conditional-compile - ไวยากรณ์การคอมไพล์แบบมีเงื่อนไขตามตัวแปรสภาพแวดล้อม
vite-plugin-mock-dev-server - เซิร์ฟเวอร์จำลองสำหรับการพัฒนา รองรับ CJS/ESM/JSON ไฟล์นำเข้าอัตโนมัติ และ HMR
vite-plugin-api - สร้างการแมปเส้นทางสำหรับบริการเส้นทาง API จากแผนผังไดเร็กทอรี
vite-plugin-shortcuts - เพิ่มประชากรคีย์ลัดที่กำหนดเองเพิ่มเติม
vite-plugin-entry-shaking - เลียนแบบพฤติกรรมการสั่นของต้นไม้เมื่อนำเข้าโค้ดจากไฟล์รายการในโหมดการพัฒนา
vite-plugin-auto-alias - สร้างนามแฝงโดยอัตโนมัติตามเส้นทาง
vite-plugin-image-placeholder - สร้างภาพตัวยึดตำแหน่งตามการจับคู่เส้นทาง
vite-plugin-find-image-duplicates - ค้นหาว่ามีรูปภาพที่ซ้ำกันในโครงการของคุณเมื่อสร้างหรือไม่
@froxz/vite-plugin-s3 - ให้คุณอัปโหลดไฟล์ไปยัง S3
vite-plugin-vitepress-auto-sidebar - สร้างข้อมูลแถบด้านข้างโดยอัตโนมัติโดยการสแกนไดเร็กทอรีตาม vitepress
vite-plugin-global-const - กำหนดค่าคงที่สำหรับการนำโค้ดของคุณไปใช้ซ้ำ
vite-plugin-cli-copy - เริ่มโปรเจ็กต์และคัดลอก URL เครือข่ายของเทอร์มินัลโดยอัตโนมัติ
vite-plugin-module-list - นำเข้าโมดูลที่พบในโฟลเดอร์ที่ระบุโดยอัตโนมัติ
unplugin-info - ส่งออกข้อมูลบิลด์เป็นโมดูลไวรัส
vite-plugin-auto-origin - ตรวจจับการกำหนดค่าต้นกำเนิดโดยอัตโนมัติตามคำขอขาเข้าไปยังเซิร์ฟเวอร์ dev
vite-plugin-deadfile - ค้นหาไฟล์ต้นฉบับที่ไม่ได้ใช้ในโครงการ
vite-bundle-analyzer - ยูทิลิตี้ที่แสดงถึงบันเดิลเป็นแผนผังต้นไม้เชิงโต้ตอบ
vite-font-extractor-plugin - ยูทิลิตี้ที่ลดขนาดฟอนต์มัดด้วยสัญลักษณ์
vite-plugin-i18n-detector - ทรัพยากรสถานที่ Lazyload i18n
vite-plugin-ngrok - บูรณาการกับ Ngrok ช่วยให้คุณสามารถแบ่งปันเซิร์ฟเวอร์การพัฒนาในเครื่องของคุณได้อย่างง่ายดาย
vite-plugin-docker - ยูทิลิตี้นักเทียบท่าที่ใช้ Dockerode
vite-plugin-api-routes - สร้างการแมปเส้นทางสำหรับบริการเส้นทาง API จากแผนผังไดเร็กทอรี
unplugin-detect-duplicated-deps - ตรวจจับการขึ้นต่อกันของแพ็คเกจที่ซ้ำกัน
vite-plugin-vitepress-auto-nav - สร้าง sidebar
และการกำหนดค่า nav
โดยอัตโนมัติโดยการสแกนไดเร็กทอรีตาม VitePress
vite-plugin-pretty-module-classnames - เพิ่มชื่อไฟล์โดยไม่มีส่วนต่อท้าย -module
ให้กับชื่อคลาสของโมดูล CSS
vite-plugin-serve-static - อนุญาตให้ให้บริการไฟล์คงที่โดยพลการที่ไม่อยู่ในไดเรกทอรี public/
vite-plugin-valibot-env - ตรวจสอบตัวแปรสภาพแวดล้อมกับสคีมา Valibot
vite-plugin-vitest-cache - ปรับเวลาดำเนินการ Vitest
ให้เหมาะสมผ่านการแคช
vite-preload - โหลดโมดูลและสไตล์ชีตที่โหลดแบบ Lazy ไว้ล่วงหน้าซึ่งแสดงผลโดยเซิร์ฟเวอร์โดยใช้ 103 Early Hints, ส่วนหัวของลิงก์ หรือแท็กลิงก์
vite-plugin-envtype-patch - สร้างข้อมูล type
สำหรับ import.meta.env
vitest - กรอบการทดสอบ Vite-native
vitest-mock-extensed - พิมพ์ส่วนขยายการเยาะเย้ยที่ปลอดภัยสำหรับ Vitest
cypress-vite - เรียกใช้ข้อมูลจำเพาะ Cypress โดยใช้ Vite
vite-plugin-doctest - การทดสอบเอกสารสำหรับ Vitest
@poyro/vitest - ทดสอบการรวม LLM โดยใช้ Vitest
vite-plugin-csp-guard - ให้คุณกำหนดค่านโยบายความปลอดภัยเนื้อหาให้กับโปรเจ็กต์ของคุณ รองรับคำสั่งและการแฮชทั้งหมด
ในส่วนนี้ เราใช้ป้ายสถานะเพื่อระบุเวอร์ชัน Vue ที่กำหนดเป้าหมายสำหรับแต่ละปลั๊กอิน
สำหรับ Vue 2 เท่านั้น สำหรับ Vue 3 เท่านั้น และสำหรับปลั๊กอินที่เข้ากันได้กับทั้งสองเวอร์ชัน
กรอบงาน SSR แสดงอยู่ที่ SSR - กรอบงาน
@vitejs/plugin-vue - การสนับสนุน Vue 3 อย่างเป็นทางการ
@vitejs/plugin-vue-jsx-รองรับ Vue 3 JSX อย่างเป็นทางการ
@vitejs/plugin -vue2 - รองรับ Vue 2 อย่างเป็นทางการ
@vitejs/plugin-vue2-jsx-รองรับ Vue 2 JSX อย่างเป็นทางการ
Vite-Plugin-Vue2-การรวม Vue 2
Unplugin-Vue2-Script-Setup-การเปิดใช้งาน <script setup>
ไวยากรณ์สำหรับ Vue 2
Vite-Plugin-Pages-เครื่องกำเนิดเส้นทางระบบไฟล์
V-Route-Generate-เครื่องมือในการสร้างเส้นทาง
UNPLUGIN-VUE-ROUTER-การกำหนดเส้นทางตามการทดลองอย่างเป็นทางการ
Vite-Plugin-Vue-Route-การกำหนดเส้นทางตามไฟล์คล้ายกับ SvelteKit และ Next.js App Router
Vite-Plugin-MD-Markdown เป็นส่วนประกอบ Vue / Vue ใน Markdown
VITE-SVG-LOADER-โหลดไฟล์ SVG เป็นส่วนประกอบ VUE
Vite-Plugin-Vue2-SVG-โหลดไฟล์ SVG เป็นส่วนประกอบ Vue
UNPLUGIN-SVG-Component-โหลดไฟล์ SVG เป็นองค์ประกอบ VUE รองรับไฟล์ SVG HMR และพรอมต์ Intelligence TypeScript
Vite-Plugin-Markdown-Mermaid-ไฟล์ Markdown โหลดพร้อมรองรับการเรนเดอร์ Mermaid
Vite-Plugin-VW-Loader-แปลง PX สไตล์อินไลน์เป็น VW
VITE-SSG-การสร้างฝั่งเซิร์ฟเวอร์
UNPLUGIN-VUE-I18N-การรวมสำหรับ VUE I18N
Vite-Plugin-I18N-Resources-โหลดไฟล์ข้อความการแปล I18N
VITE-PLUGIN-I18N-AUTOIMPORT-การนำเข้าไฟล์ I18N อัตโนมัติสำหรับส่วนประกอบ
VITE-PLUGIN-MD-PREVIEW-MARKDOWN CODE PREVIEW
Vite-Plugin-Vue-Preview-Code Preview สำหรับ Vue SFC ใน Markdown รองรับการแก้ไขออนไลน์
Vite-Plugin-Vue-CSS-Modules-การใช้โมดูล CSS โดยนัยสำหรับแท็กเทมเพลตและสคริปต์ SFC ที่มีการเปลี่ยนแบบคงที่
ส่วนประกอบที่ไม่ได้ใช้งาน-ส่วนประกอบตามความต้องการโดยอัตโนมัตินำเข้า
Vite-Plugin-Vue-GQL-แท็ก GraphQl สำหรับ Vue SFC ของคุณ
Vite-Plugin-Vue2-Suffix-เข้ากันได้กับคำต่อท้าย '.vue'
Vite-Plugin-Vue-Inspector-ข้ามไปยังซอร์สโค้ด IDE ท้องถิ่นในขณะที่คลิกองค์ประกอบของเบราว์เซอร์
vite-plugin-vue-static-SFC-ให้บริการไฟล์ ".vue" เป็นสินทรัพย์คงที่
Vite-plugin-vue-devtools-ออกแบบมาเพื่อปรับปรุงประสบการณ์นักพัฒนา Vue
Vite-Plugin-Vue-Nested-SFC-Nest SFCs ภายใน SFC ของคุณ
@vitejs/plugin -react - การสนับสนุนปฏิกิริยาอย่างเป็นทางการที่ใช้ Babel
@vitejs/plugin-react-swc-การสนับสนุนปฏิกิริยาอย่างเป็นทางการที่ใช้ SWC
ปานกลาง-การกำหนดเส้นทางตามไฟล์ตามประเภทไคลเอ็นต์และโมดูลทั่วโลก-รองรับเค้าโครงตัวตัก, การแยกรหัสและอื่น ๆ
UNPLUGIN-REMIX-ROUTER-สร้างไฟล์เราเตอร์ React ซึ่งขึ้นอยู่กับการประชุมเราเตอร์ที่ใช้ไฟล์รีมิกซ์ V2
Vite-plugin-remix-flat-routes-การกำหนดเส้นทางการกำหนดเส้นทางการประชุมแบบรีมิกซ์-Flat-Route-Route-Route-Route-Route
Vite-Plugin-SVGR-แปลง SVGs เป็นส่วนประกอบปฏิกิริยา
Vite-plugin-react-Rich-SVG-โหลด SVG ที่ไร้รอยต่อพร้อมตัวเลือกการนำเข้าอเนกประสงค์ เช่น Datauri, SVGR Component และ Raw HTML Code
@stylin/vite -plugin - แปลงโมดูล CSS และ SCSS เป็นส่วนประกอบปฏิกิริยา
Vite-Plugin-React-Pages-เฟรมเวิร์ก VITE สำหรับการสร้างแอพตอบสนอง
Vite-plugin-react-click-component-ใช้มิดเดิลแวร์เปิดตัวของ Vite เพื่อเปิดใช้งาน Alt+คลิกเพื่อไปที่ส่วนประกอบ
Vite-React-SSG-การสร้างไซต์แบบคงที่สำหรับการตอบสนอง
เฟรมเวิร์ก SSR มีการระบุไว้ที่ SSR - Frameworks
@preact/preset -vite - preact prect HMR, การฉีด preact อัตโนมัติ, การกำจัด devtools ใน prod
Vite-Plugin-Svelte-เพิ่มการสนับสนุน Svelte ปลั๊กอินอย่างเป็นทางการของทีม Svelte
Vite-Plugin-Kit-Routes-สร้างไฟล์ด้วยเส้นทางทั้งหมดพารามิเตอร์การกระทำของแอพ sveltekit ของคุณ
Vite-Plugin-Solid-ให้การแปลง JSX สำหรับของแข็ง
Vite-Plugin-Solid-SVG-นำเข้าไฟล์ SVG เป็นส่วนประกอบ SOLID.JS
ปานกลาง-การกำหนดเส้นทางตามไฟล์ตามประเภทไคลเอ็นต์และโมดูลทั่วโลก-รองรับเค้าโครงตัวตัก, การแยกรหัสและอื่น ๆ
Vite-Plugin-Elm-ปลั๊กอินที่ช่วยให้คุณสามารถรวบรวมโมดูล ELM
Vite-Plugin-Fastify-Fastify Plugin สำหรับ Vite ด้วยการเปลี่ยนโมดูลร้อน
Vite-Plugin-Fastify-Routes-การกำหนดเส้นทางตามไฟล์คล้ายกับเราเตอร์แอพ Sveltekit และ Next.js
Electron -Vite - CLI อิเล็กตรอนรวมกับ Vite
ปลั๊กอิน Vite Rollup - รายการความเข้ากันได้สำหรับปลั๊กอินการหมุนอย่างเป็นทางการ
@rollup/plugin -alias - กำหนดและแก้ไขนามแฝงสำหรับการพึ่งพากลุ่ม
@Rollup/Plugin -Commonjs - แปลงโมดูล CommonJS เป็น ES6
@rollup/plugin-dynamic-import-vars-การแก้ไขการนำเข้าแบบไดนามิกที่มีตัวแปร
@rollup/plugin -json - แปลงไฟล์ .json
เป็นโมดูล ES6
@Rollup/Plugin -Babel - รวบรวมไฟล์ของคุณด้วย Babel
@Rollup/Plugin -Buble - Compile ES2015 ด้วย Buble
@Rollup/Plugin-Data-Uri-นำเข้าโมดูลจาก Data URIS
@Rollup/Plugin -HTML - สร้างไฟล์ HTML เพื่อให้บริการมัดม้วน
@rollup/plugin-node-resolve-ค้นหาและรวมการพึ่งพาของบุคคลที่สามใน node_modules
@rollup/plugin -sucrase - Compile typescript, flow, jsx ฯลฯ ด้วย sucrase
@rollup/plugin -typescript - การรวมระหว่างการหมุนและ typeScript
@rollup/plugin -wasm - นำเข้ารหัสเว็บอัสเดอร์ด้วย Rollup
@Rollup/Plugin-URL-นำเข้าไฟล์เป็นโมดูล Data-Uris หรือ ES
@rollup/plugin -beep - ระบบส่งเสียงบี๊บเกี่ยวกับข้อผิดพลาดและคำเตือน
@Rollup/Plugin-DSV-แปลงไฟล์ .csv
และ .tsv
เป็นโมดูล JavaScript ด้วย D3-DSV
@Rollup/Plugin -Eslint - ตรวจสอบจุดเข้าและไฟล์ที่นำเข้าทั้งหมดด้วย ESLINT
@rollup/plugin -graphql - แปลงไฟล์. gql/.graphql เป็นโมดูล ES6
@Rollup/Plugin -Image - นำเข้าไฟล์ JPG, PNG, GIF, SVG และ WEBP (ต้องการ enforce: 'pre'
)
@rollup/plugin -inject - โมดูลสแกนสำหรับตัวแปรส่วนกลางและการฉีดคำสั่งนำเข้าในกรณีที่จำเป็น
@Rollup/Plugin-Legacy-เพิ่มการประกาศการส่งออกไปยังสคริปต์ที่ไม่ใช่โมดูลรุ่นเก่า
@Rollup/Plugin -Replace - แทนที่ Strings เป็นไฟล์ขณะรวมกัน
@Rollup/Plugin -Strip - ลบคำสั่งและฟังก์ชั่นดีบักเกอร์ออกจากรหัสของคุณ
@Rollup/Plugin -Virtual - ปลั๊กอินโรลอัพที่โหลดโมดูลเสมือนจริงจากหน่วยความจำ
@Rollup/Plugin -Yaml - แปลงไฟล์ YAML เป็นโมดูล ES6
Rollup-plugin-graphql-codegen-การสร้างคำจำกัดความประเภทสำหรับสตริงเทมเพลตแท็ก graphql ใน worker_threads
Rollup-Plugin-I18NEXT-DTS-GEN-การสร้างคำจำกัดความประเภทจากไฟล์ I18N JSON ใช้สำหรับการแนะนำรหัสและการตรวจสอบ
ตรวจสอบรายการ Rollup ที่ยอดเยี่ยมสำหรับปลั๊กอินโรลอัพที่ผ่านการดูแลชุมชนและอ้างอิงส่วน Vite Docs เกี่ยวกับความเข้ากันได้ของปลั๊กอินโรลอัพ
Vike-ชอบ nuxt/next.js แต่เป็นปลั๊กอินที่ทำ-ทำ-มัน
SSR - เฟรมเวิร์กการแสดงผลด้านเซิร์ฟเวอร์รวมกับ WebPack/VITE
Vavite - เครื่องมือสำหรับการพัฒนาและสร้างแอปพลิเคชันฝั่งเซิร์ฟเวอร์ด้วยความสามารถในการโหลดสด
VUE -SSR - wrapper ที่เรียบง่ายเพื่อพัฒนาและเรียกใช้แอพ Vue ที่ขับเคลื่อนด้วย SSR
VITE-SSR-BOOST-ไลบรารีการเรนเดอร์ด้านเซิร์ฟเวอร์สำหรับสร้างแอพที่ยอดเยี่ยมตาม react-router
SSRX - เลเยอร์บาง ๆ ที่ด้านบนของ VITE เพื่อสร้างแอพ SSR ที่ทันสมัยด้วย DX ที่น่ารื่นรมย์
Vinxi - สแต็คเต็ม JavaScript SDK อนุญาตให้เพิ่ม SSR ลงในแอพ VITE
DOMCO - จาวาสคริปต์เต็มรูปแบบน้อยที่สุด เปลี่ยนแอพ VITE เป็นแอปพลิเคชันเต็มซ้อนที่มีการพึ่งพาน้อยที่สุด
Rakkas - Framework React ได้รับแรงบันดาลใจจาก Next.js และ Sveltekit
Vise - SSR Framework พร้อมตะขอเซิร์ฟเวอร์
@Fastify/Fastify -DX - ช่วยให้คุณให้บริการแบบคงที่หรือสด (SSR)
Vite-Plugin-Vercel-Adapter Vercel
Vite-Vlugin-Vercel-Skew-Protection-ช่วยกำหนดค่าการป้องกันแบบเบ้ Vercel
Craft Vite - ปลั๊กอินสำหรับการรวมเข้ากับ CRAFT CMS
Django -Vite - การรวมสำหรับแอปพลิเคชัน Django
Django-Vite-Plugin-การรวมสำหรับแอปพลิเคชัน Django รวมถึงปลั๊กอิน VITE
Flask -Vite - การรวมเข้ากับ Flask
Vite-Plugin-Ruby-การกำหนดค่าสำหรับแบ็กเอนด์ทับทิม
Vite Ruby - การรวมเข้าด้วยกันสำหรับ Rails, Hanami, Padrino และ Rack Apps
LARAVEL VITE - การรวมสำหรับกรอบ LARAVEL
ปลั๊กอิน Laravel Vite - ปลั๊กอินอย่างเป็นทางการของ Laravel สำหรับ Vite
Cakephp -Vite - การรวมสำหรับ Cakephp
WordPress-Vite-Assets-การรวมสำหรับธีม WordPress
Kima - ธีมเริ่มต้นด้วย Twig
WordPlate - แอพเริ่มต้นด้วยนักแต่งเพลง
Vite-Plugin-Typo3-การรวมส่วนหน้าสำหรับ Typo3 CMS
Vite-Asset-collector สำหรับ Typo3-การรวมแบ็กเอนด์สำหรับ Typo3 CMS
Vite - การรวมกับ GO
Create-Rust-App-การรวมเข้าด้วยกันสำหรับ Rust Web Apps
Vite Bundle - การรวมสำหรับ Symfony
Vite-Plugin-Shopify-การรวมสำหรับธีม Shopify
Vite -Express - การรวมเข้าด้วยกันสำหรับเว็บแอพ
Vite-Manifest-Parser-Parses Manifest.json เพื่อสร้างสคริปต์ HTML และแท็กลิงก์
vite.aspnetcore - การรวมเข้ากับโครงการหลักของ ASP.NET
Vite Module - การรวมแบ็กเอนด์สำหรับ Drupal
Vite-Plugin-Twig-Drupal-การสนับสนุน Twig ด้วยการรวม/Embeds และคุณสมบัติ Twig เฉพาะ Drupal
PHP -vite - การรวมสำหรับ PHP, แพ็คเกจนักแต่งเพลง, ไม่มีการพึ่งพาเฟรมเวิร์ก
repo repo repo repo - สตาร์ทเตอร์ repository พร้อม typescript/javascript, tailwind CSS, SASS/SCSS, EJS, SVG และการสนับสนุนรูปภาพ
PHP -vitelinker - เครื่องมือ CLI ที่สร้างไฟล์ PHP ที่รวมอยู่ด้วยหลังจากสร้างการรวมกลุ่ม
Viject - เครื่องมือการโยกย้ายครั้งเดียวจากการสร้างแอป React
Vitepress - เครื่องกำเนิดไฟฟ้าแบบคงที่ขับเคลื่อนโดย Vite และ Vue
Slidev - การนำเสนอสไลด์สำหรับนักพัฒนา
Astro - ผู้สร้างไซต์คงที่ทันสมัย
Hathora - กรอบเกมผู้เล่นหลายคน
NHOST - NHOST เป็นทางเลือก Firebase โอเพนซอร์สที่มี GraphQL
ทัพพี - เครื่องมือสำหรับการพัฒนาและทดสอบเรื่องราวส่วนประกอบที่ขับเคลื่อนโดย Vite และ React
IslandJS - ฐานเครื่องกำเนิดไฟฟ้าแบบคงที่บนสถาปัตยกรรมเกาะ
Vituum - wrapper รอบ VITE ด้วยการกำหนดค่าที่กำหนดไว้ล่วงหน้าการรวมและเครื่องยนต์เทมเพลต
compiiile - ดูตัวอย่างหรือโฮสต์โฟลเดอร์ที่มีไฟล์ Markdown พร้อมสไลด์ค้นหาข้อความแบบเต็มข้อความและการนำเสนอ
GRACILE - META -FRAMEWORK ที่ขับเคลื่อนโดย LIT SSR
@lazarv/react-server-meta-framework ตอบสนอง
WXT - เฟรมเวิร์กสำหรับการสร้างส่วนขยายเว็บด้วย DX เดียวกับ Nuxt
Revili - เครื่องมือการรวมคำสั่งและ GUI
Icônes - ไอคอนนักสำรวจพร้อมการค้นหาทันที
CN Caféที่ยอดเยี่ยม - เว็บแอปพลิเคชันสำหรับ CN Caféที่ยอดเยี่ยม
ตัวอย่างสิ่งที่ต้องทำ - แอป TODO ที่มีการกำหนดเส้นทางและการจัดการสถานะ
AITRACK.WORK - ตัวติดตามเวลาตามงานสำหรับการใช้งานในชีวิตประจำวัน
MacOS ใน Svelte - MacOS Desktop Experience สำหรับเว็บใน Svelte
Vue3-Realworld-Example-App-การใช้งานแอป RealWorld โดยใช้ Vue 3 + TypeScript + API Composition
React-Device-Frameset-นี่เป็นส่วนประกอบของอุปกรณ์เฟรมชุดอื่นสำหรับ React
Preview.js - ส่วนขยาย IDE เพื่อดูตัวอย่างตอบสนองทันที, Vue 2 และ Vue 3 ส่วนประกอบ
Pointer-Lock-Movement-ตัวจัดการการเคลื่อนไหวล็อคตัวชี้สำหรับการปรับแต่ง UI สร้างสรรค์ของคุณเอง
VITE -RUN - การสนับสนุนการกำหนดค่าการกำหนดค่าหลายรายการสำหรับ VITE รวมการกำหนดค่าอย่างอิสระเช่นบล็อกซ้อนกัน
Dataviz Explorer - เครื่องมือสำหรับ CSV ขนาดใหญ่ฐานข้อมูลและการสร้างภาพข้อมูลแบบเรียลไทม์ด้วยพล็อตแบบโต้ตอบโดยใช้ Highcharts
, Chart.js
, React
, JavaScript
, Material UI
และ GitHub Actions with Coverage Report