इस प्रोजेक्ट के बारे में

Vitesse एंथनी फू द्वारा बनाया गया एक अत्यधिक विचारधारा-आधारित स्टार्टर टेम्पलेट है, जो Vite और Vue 3 के साथ वेब एप्लिकेशन बनाने के लिए है। इसका उद्देश्य एक तेज़, पूर्व-कॉन्फ़िगर सेटअप प्रदान करना है ताकि डेवलपर्स कॉन्फ़िगरेशन पर समय बर्बाद किए बिना विचारों को काम करने वाले ऐप्स में बदल सकें। यह टेम्पलेट गति के लिए डिज़ाइन किया गया है, जो pnpm, esbuild और Vite जैसी आधुनिक टूलिंग का लाभ उठाता है, और इसमें कई विशेषताएँ और प्लगइन्स शामिल हैं। **मुख्य विशेषताएँ** - **Vue 3 + Vite**: तेज़ विकास और बिल्ड समय के लिए Vite के साथ नवीनतम Vue 3 पर आधारित। - **फ़ाइल-आधारित रूटिंग**: `src/pages` निर्देशिका से स्वचालित रूट जनरेशन के लिए `unplugin-vue-router` का उपयोग करता है। - **ऑटो-इम्पोर्ट**: कंपोनेंट्स, APIs (जैसे Composition API), और आइकन स्वचालित रूप से इम्पोर्ट होते हैं, जिससे बॉयलरप्लेट कम होता है। - **स्टेट मैनेजमेंट**: सहज, टाइप-सुरक्षित स्टेट मैनेजमेंट के लिए Pinia। - **लेआउट सिस्टम**: `vite-plugin-vue-layouts` के माध्यम से कई लेआउट का समर्थन करता है। - **PWA समर्थन**: प्रगतिशील वेब ऐप क्षमताओं के लिए `vite-plugin-pwa` के साथ एकीकृत। - **स्टाइलिंग**: UnoCSS तत्काल ऑन-डिमांड एटॉमिक CSS के लिए, Iconify के माध्यम से किसी भी आइकन सेट के समर्थन के साथ। - **अंतर्राष्ट्रीयकरण**: बहु-भाषा समर्थन के लिए `unplugin-vue-i18n` के साथ Vue I18n। - **मार्कडाउन**: `unplugin-vue-markdown` का उपयोग करके मार्कडाउन को Vue कंपोनेंट्स के रूप में लिखें, Shiki सिंटैक्स हाइलाइटिंग के साथ। - **SSG**: `vite-ssg` के माध्यम से स्टैटिक-साइट जनरेशन, `beasties` का उपयोग करके महत्वपूर्ण CSS अनुकूलन के साथ। - **परीक्षण**: यूनिट परीक्षणों के लिए Vitest और E2E परीक्षणों के लिए Cypress, GitHub Actions के साथ एकीकृत। - **TypeScript**: पूर्ण TypeScript समर्थन। - **डिप्लॉयमेंट**: Netlify पर ज़ीरो-कॉन्फ़िग डिप्लॉयमेंट, साथ ही प्रोडक्शन बिल्ड के लिए Docker समर्थन। **पूर्व-पैक प्लगइन्स** - Vue Router, Pinia, VueUse, हेड मैनेजमेंट के लिए Unhead, और बेहतर डेवलपर अनुभव के लिए `vite-plugin-vue-devtools`। - `@antfu/eslint-config` का उपयोग करके ESLint के साथ कोडिंग शैली लागू की गई (सिंगल कोट्स, बिना सेमीकोलन)। - Vite, Volar, Iconify IntelliSense, i18n Ally, और ESLint के लिए अनुशंसित VS Code एक्सटेंशन। **विविधताएँ** इस टेम्पलेट ने कई समुदाय-अनुरक्षित विविधताओं को प्रेरित किया है, जिनमें शामिल हैं: - `vitesse-lite`: हल्का संस्करण। - `vitesse-nuxt3`: Nuxt 3 के लिए। - `vitesse-webext`: ब्राउज़र एक्सटेंशन के लिए। - `vitesse-ssr-template`: SSR समर्थन के साथ। - `vitailse`: TailwindCSS के साथ। - `vitesse-h5`: मोबाइल ऐप्स के लिए। - `vitesse-solid`: SolidJS के लिए। **उपयोग** - **विकास**: `pnpm dev` चलाएँ और `http://localhost:3333` पर जाएँ। - **बिल्ड**: `dist` फ़ोल्डर बनाने के लिए `pnpm build` चलाएँ। - **डिप्लॉय**: रेपो कनेक्ट करके Netlify पर डिप्लॉय करें, या `docker buildx build . -t vitesse:latest` के साथ Docker का उपयोग करें और `docker run --rm -it -p 8080:80 vitesse:latest` के साथ चलाएँ। **नोट**: लेखक नए प्रोजेक्ट्स के लिए Nuxt का उपयोग करने की सलाह देते हैं क्योंकि बेहतर Vue डेवलपर अनुभव और अधिक सुसंगत रखरखाव होता है, क्योंकि Vitesse प्रारंभिक Vite/Vue 3 संक्रमण अवधि से है और अपडेट धीमे हो सकते हैं। हालाँकि, यह सीखने और उन प्रोजेक्ट्स के लिए एक ठोस संदर्भ बना हुआ है जो इसकी विचारधारा-आधारित सेटअप के साथ संरेखित हैं। **अनुकूलन के लिए चेकलिस्ट** टेम्पलेट का उपयोग करते समय, `LICENSE` में लेखक का नाम, `App.vue` में शीर्षक, `vite.config.ts` में होस्टनाम, `public` में फ़ेविकॉन अपडेट करें, `.github` फ़ोल्डर हटाएँ, और READMEs और रूट्स को साफ़ करें। कुल मिलाकर, Vitesse उन डेवलपर्स के लिए एक शक्तिशाली, सुविधा-संपन्न स्टार्टर है जो Vue 3 ऐप्स के लिए एक व्यापक, विचारधारा-आधारित सेटअप चाहते हैं, जिसमें गति और डेवलपर अनुभव पर ध्यान केंद्रित किया गया है।