منصوبے کے بارے میں

Vitesse ایک انتہائی مخصوص اسٹارٹر ٹیمپلیٹ ہے جو Vite اور Vue 3 کے ساتھ ویب ایپلیکیشنز بنانے کے لیے ہے، جسے Anthony Fu نے بنایا ہے۔ یہ ایک تیز، پہلے سے ترتیب شدہ سیٹ اپ فراہم کرتا ہے تاکہ ڈویلپرز بغیر کنفیگریشن میں وقت گزارے جلدی سے آئیڈیاز کو ورکنگ ایپس میں تبدیل کر سکیں۔ یہ ٹیمپلیٹ رفتار کے لیے ڈیزائن کیا گیا ہے، اور جدید ٹولز جیسے pnpm، esbuild، اور Vite کا فائدہ اٹھاتا ہے، اور باکس سے باہر خصوصیات اور پلگ انز کا ایک منتخب مجموعہ شامل ہے۔ **کلیدی خصوصیات** - **Vue 3 + Vite**: تیز ترقی اور بلڈ ٹائمز کے لیے Vite کے ساتھ تازہ ترین Vue 3 پر مبنی۔ - **فائل پر مبنی روٹنگ**: خودکار روٹ جنریشن کے لیے `unplugin-vue-router` استعمال کرتا ہے۔ - **آٹو امپورٹس**: اجزاء، APIs (جیسے Composition API)، اور آئیکونز خودکار طور پر امپورٹ ہوتے ہیں، جس سے بائلر پلیٹ کم ہوتی ہے۔ - **اسٹیٹ مینجمنٹ**: بدیہی، ٹائپ سیف اسٹیٹ مینجمنٹ کے لیے Pinia۔ - **لی آؤٹ سسٹم**: `vite-plugin-vue-layouts` کے ذریعے متعدد لے آؤٹس کو سپورٹ کرتا ہے۔ - **PWA سپورٹ**: ترقی پسند ویب ایپ کی صلاحیتوں کے لیے `vite-plugin-pwa` کے ساتھ مربوط۔ - **اسٹائلنگ**: UnoCSS برائے فوری آن ڈیمانڈ ایٹامک CSS، Iconify کے ذریعے کسی بھی آئیکن سیٹ کی معاونت کے ساتھ۔ - **بین الاقوامی کاری**: Vue I18n بمعہ `unplugin-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`۔ - کوڈنگ اسٹائل ESLint کے ساتھ `@antfu/eslint-config` کا استعمال کرتے ہوئے نافذ کیا جاتا ہے (سنگل کوٹس، سیمیکولن نہیں)۔ - 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` دیکھیں۔ - **بلڈ**: `pnpm build` چلائیں تاکہ `dist` فولڈر بن سکے۔ - **ڈیپلائمنٹ**: ریپو جوڑ کر Netlify پر ڈیپلائی کریں، یا Docker استعمال کریں: `docker buildx build . -t vitesse:latest` اور پھر `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 ایپس کے لیے ایک جامع، مخصوص سیٹ اپ چاہتے ہیں، جس میں رفتار اور ڈویلپر تجربے پر توجہ دی گئی ہے۔