Meta tags:
description=ابزار نسل بعدی فرانت‌اند;

Headings (most frequently used words):

api, vite, پروژه, های, جامعه, ریشه, root, شروع, مقدمه, راهنما, ها, environment, مرور, کلی, پشتیبانی, مرورگر, امتحان, به, صورت, آنلاین, ساخت, اولین, شما, قالب, ارائه, شده, توسط, نصب, دستی, index, html, رابط, خط, فرمان, cli, استفاده, از, کامیت, منتشر, نشده, community, تعیین, جایگزین,

Text of the page (most frequently used words):
vite (88), کنید (32), های (31), برای (26), bash (26), استفاده (23), پروژه (22), npm (19), است (19), شده (18), این (17), توانید (17), pnpm (16), vue (15), خود (13), کند (13), شما (11), نسخه (10), yarn (10), create (10), توسعه (9), bun (9), ریشه (9), فایل (9), html (9), سرور (8), https (8), همچنین (8), #پشتیبانی (8), deno (8), قالب (8), ویژگی (7), add (7), پیش (7), index (7), api (7), github (6), شود (6), دستور (6), اجرا (6), صورت (6), شوند (6), sha (6), new (6), بیشتر (6), cli (6), پروداکشن (6), فرض (6), عنوان (6), react (6), template (6), پلاگین (6), نیاز (5), باشید (5), مورد (5), pkg (5), نصب (5), فرمان (5), بیلد (5), شروع (5), استاتیک (5), تنظیمات (5), اصلی (5), ابزار (5), طریق (5), project (5), ساخت (5), app (5), بخش (5), docs (5), منتشر (4), اگر (4), جامعه (4), وابستگی (4), سپس (4), install (4), جایگزین (4), کار (4), امتحان (4), جدید (4), مشخص (4), مانند (4), npx (4), dev (4), نام (4), بنابراین (4), دارد (4), ماژول (4), اند (4), ایجاد (4), سریع (4), فریم (4), ورک (4), ارائه (4), مراجعه (4), qwik (4), solid (4), svelte (4), lit (4), preact (4), vanilla (4), دهد (4), هدف (4), صفحه (3), جایگزینی (3), طور (3), توسط (3), مبتنی (3), مدیریت (3), کرده (3), راه (3), اندازی (3), link (3), build (3), run (3), com (3), محلی (3), توجه (3), قدیمی (3), رابط (3), اضافی (3), اسکریپت (3), مستقیماً (3), دایرکتوری (3), یعنی (3), root (3), پردازش (3), اینکه (3), بسیار (3), هایی (3), امکان (3), نظر (3), نیز (3), نیازی (3), قرار (3), user (3), main (3), آنلاین (3), stackblitz (3), node (3), javascript (3), مرورگر (3), کانفیگ (3), کپی (2), فلسفه (2), دارید (2), بگیرید (2), community (2), باید (2), overrides (2), بروید (2), بسته (2), لینک (2), کردن (2), global (2), پکیج (2), vitejs (2), git (2), داشته (2), commit (2), کنند (2), کامیت (2), گزینه (2), مشاهده (2), کامل (2), preview (2), serve (2), json (2), فعلی (2), داخل (2), نقطه (2), ورود (2), برنامه (2), مشابه (2), http (2), سرو (2), مستندات (2), کرد (2), urlهای (2), سورس (2), پایه (2), حتی (2), پذیر (2), یکی (2), منابع (2), جاوااسکریپت (2), css (2), داده (2), قابلیت (2), علاوه (2), تنظیم (2), script (2), type (2), module (2), نکته (2), ممکن (2), طول (2), شکل (2), زیر (2), degit (2), ابزاری (2), توان (2), اضافه (2), awesome (2), جزئیات (2), swc (2), init (2), latest (2), بالاتر (2), دارند (2), روی (2), مرورگرهایی (2), محیط (2), baseline (2), مدرن (2), تبدیل (2), کدها (2), رانتایم (2), آشنایی (2), چرا (2), بهینه (2), hmr (2), viteconf (2), environment (2), مقدمه (2), یکپارچه (2), سازی (2), navigation (2), deutsch (2), 한국어 (2), português (2), español (2), 日本語 (2), 简体中文 (2), english (2), فارسی (2), رایت, ۲۰۱۹, کنون, متعلق, voidzero, inc, مشارکت, کنندگان, تحت, مجوز, mit, 8af0a5dd, بعدی, pager, اصلاح, ترجمه, گیت, هاب, سوالی, کمک, تماس, discussions, discord, غیرمستقیم, سراسری, اید, حالا, مجدداً, کنار, آخرین, پیشرو, منیجر, دلخواه, مرحله, packages, clone, مخزن, ماشین, کلون, خودتان, بسازید, فقط, مربوط, ماه, گذشته, زیرا, پاک, نمی, منتظر, نشده, یاد, لیست, help, open, port, نمایش, scripts, package, باینری, اینجا, ساخته, آورده, کاری, فصل, تغییر, جابجا, پیکربندی, config, some, sub, dir, تعیین, چندین, چند, سرورهای, مفهومی, آنجا, بقیه, خواهید, مطلق, کدی, بنویسید, انگار, عادی, قدرتمندتر, قادر, مکان, خارج, سیستم, مونوریپو, سازد, بخشی, گراف, گیرد, اعمال, داخلی, ارجاع, ویژه, بهره, مند, درون, خودکار, نگهدارنده, نخواهید, داشت, public_url, href, src, متوجه, مرکز, جای, پنهان, باشد, عمدی, public, localhost, 5173, bunx, مناسب, ترمینال, hello, دستی, برنچ, قالبی, بعد, url, محبوب, شامل, ابزارهای, دیگر, مختلف, هستند, بررسی, نگهداری, ساختار, درباره, تیره, آپشن, مثال, مراحل, دنبال, حال, برخی, بالاتری, لطفاً, منیحر, هشدار, روزرسانی, سازگاری, اولین, typescript, عبارتند, تقریباً, لوکال, local, اما, هیچ, چیزی, دستگاه, ندارد, انتخاب, دسته, حداقل, سال, کاهش, داد, براین, مرورگرهای, افزونه, رسمی, plugin, legacy, widely, available, فرآیند, مرورگری, همین, دلیل, باعث, باقی, بمانند, نداشته, باشند, نتیجه, نزدیک, مقداری, زمان, مثلاً, تاریخ, ۲۰۲۵, دسترس, بوده, esnext, دلایل, پشت, تایپ, شدت, قابل, نگرش, خاص, طراحی, معقولی, امکانات, ادغام, سایر, ابزارها, وجود, توضیح, ایم, چگونه, متناسب, نیازهای, سفارشی, راهنمای, کامَند, باندل, آماده, بسازد, rollup, فراهم, جمله, عملکردی, بومی, پیشرفته, تری, کلمه, فرانسوی, معنای, تلفظ, ویت, تجربه, سبک, تشکیل, vit, مرور, کلی, first, time, person, 2025, building, together, فریمورک, نمونه, تغییرات, اساسی, مهاجرت, rolldown, عملکرد, عیب, یابی, رندر, سمت, ssr, متغیرهای, محیطی, env, حالت, دیپلوی, سایت, asset, بندی, راهنما, sidebar, return, top, menu, appearance, contributing, changelog, دیسکورد, ایکس, ماستادون, بلواسکای, ریلیز, بلاگ, تیم, skip, content,

Text of the page (random words):
شروع vite skip to content vite main navigation مستندات کانفیگ پلاگین ها منابع تیم بلاگ ریلیز ها بلواسکای ماستادون ایکس چت دیسکورد awesome vite viteconf dev community changelog contributing نسخه vite 6 docs vite 5 docs vite 4 docs vite 3 docs vite 2 docs فارسی english 简体中文 日本語 español português 한국어 deutsch فارسی english 简体中文 日本語 español português 한국어 deutsch appearance menu return to top sidebar navigation مقدمه شروع فلسفه چرا vite راهنما ویژگی ها رابط خط فرمان cli استفاده از پلاگین ها پیش بسته بندی وابستگی مدیریت asset های استاتیک ساخت برای محیط پروداکشن دیپلوی یک سایت استاتیک متغیرهای محیطی env و حالت ها رندر سمت سرور ssr یکپارچه سازی با بک اند عیب یابی عملکرد یکپارچه سازی با rolldown مهاجرت از v6 تغییرات اساسی api ها api پلاگین hmr api javascript api بخش کانفیگ environment api مقدمه نمونه های environment پلاگین ها فریمورک ها رانتایم ها در این صفحه building together viteconf 2025 first time in person شروع مرور کلی vite یک کلمه فرانسوی به معنای سریع که vit تلفظ می شود مانند ویت یک ابزار بیلد است که هدف آن ارائه تجربه توسعه سریع تر و سبک تر برای پروژه های وب مدرن است این ابزار از دو بخش اصلی تشکیل شده است یک سرور توسعه که ویژگی های پیشرفته تری را برای ماژول های es بومی فراهم می کند از جمله این ویژگی ها جایگزینی سریع ماژول hmr با عملکردی بسیار بهینه است یک کامَند بیلد که کد شما را با rollup باندل می کند که آماده شده تا فایل های استاتیک بسیار بهینه شده برای پروداکشن بسازد vite با یک نگرش خاص طراحی شده و تنظیمات پیش فرض معقولی را ارائه می دهد برای آشنایی با امکانات بیشتر می توانید به راهنمای ویژگی ها مراجعه کنید همچنین امکان پشتیبانی از فریم ورک ها و ادغام با سایر ابزارها از طریق پلاگین ها وجود دارد در بخش تنظیمات نیز توضیح داده ایم که چگونه vite را متناسب با نیازهای پروژه خود سفارشی کنید vite همچنین از طریق api پلاگین و api جاوااسکریپت با پشتیبانی کامل از تایپ ها به شدت قابل توسعه است می توانید برای آشنایی بیشتر با دلایل پشت پروژه به بخش چرا vite مراجعه کنید پشتیبانی مرورگر در طول فرآیند توسعه vite فرض می کند که از یک مرورگر مدرن استفاده می شود یعنی مرورگری که از بیشتر قابلیت های جدید javascript و css پشتیبانی می کند به همین دلیل vite هدف تبدیل کد را روی esnext تنظیم می کند این کار باعث می شود کدها به شکل اصلی خود باقی بمانند و نیازی به تبدیل به نسخه های قدیمی تر نداشته باشند در نتیجه vite ماژول ها را تا حد ممکن نزدیک به سورس اصلی ارائه می دهد vite برای راه اندازی سرور توسعه مقداری کد رانتایم به پروژه اضافه می کند این کدها از ویژگی هایی استفاده می کنند که در baseline در زمان هر نسخه اصلی جدید مثلاً برای این نسخه در تاریخ ۱ مه ۲۰۲۵ در دسترس بوده اند برای ساخت نسخه پروداکشن vite به طور پیش فرض مرورگرهایی را هدف قرار می دهد که در دسته baseline widely available قرار دارند یعنی مرورگرهایی که حداقل ۲ ۵ سال پیش منتشر شده اند این هدف را می توان از طریق کانفیگ کاهش داد علاوه براین پشتیبانی از مرورگرهای قدیمی تر نیز از طریق افزونه رسمی vitejs plugin legacy امکان پذیر است برای جزئیات بیشتر به بخش ساخت برای محیط پروداکشن مراجعه کنید امتحان vite به صورت آنلاین می توانید vite را به صورت آنلاین در stackblitz امتحان کنید این ابزار تنظیمات بیلد مبتنی بر vite را مستقیماً در مرورگر شما اجرا می کند بنابراین تقریباً با تنظیمات لوکال local مشابه است اما نیازی به نصب هیچ چیزی بر روی دستگاه شما ندارد می توانید به vite new template بروید تا فریم ورک مورد نظر خود را انتخاب کنید قالب های پشتیبانی شده عبارتند از javascript typescript vanilla vanilla ts vue vue ts react react ts preact preact ts lit lit ts svelte svelte ts solid solid ts qwik qwik ts ساخت اولین پروژه vite شما نکته سازگاری vite به نسخه ۲۰ ۱۹ یا بالاتر و همچنین ۲۲ ۱۲ یا بالاتر از node js نیاز دارد با این حال برخی قالب ها برای کار نیاز به نسخه بالاتری از node js دارند لطفاً اگر پکیج منیحر شما هشدار می دهد node js را به روزرسانی کنید npm yarn pnpm bun deno bash npm create vite latest bash yarn create vite bash pnpm create vite bash bun create vite bash deno init npm vite سپس مراحل را دنبال کنید همچنین می توانید با استفاده از آپشن های اضافی خط فرمان نام پروژه و قالب مورد نظر خود را مستقیماً مشخص کنید به عنوان مثال برای ایجاد یک پروژه vite با vue این دستور را اجرا کنید npm yarn pnpm bun deno bash npm 7 دو خط تیره اضافی مورد نیاز است npm create vite latest my vue app template vue bash yarn create vite my vue app template vue bash pnpm create vite my vue app template vue bash bun create vite my vue app template vue bash deno init npm vite my vue app template vue برای جزئیات بیشتر درباره قالب های پشتیبانی شده به create vite مراجعه کنید vanilla vanilla ts vue vue ts react react ts react swc react swc ts preact preact ts lit lit ts svelte svelte ts solid solid ts qwik qwik ts می توانید از برای نام پروژه استفاده کنید تا در دایرکتوری فعلی ساختار پروژه ایجاد شود قالب های ارائه شده توسط جامعه create vite ابزاری است برای شروع سریع یک پروژه از یک قالب پایه برای فریم ورک های محبوب می توانید awesome vite را برای قالب های نگهداری شده توسط جامعه که شامل ابزارهای دیگر یا فریم ورک های مختلف هستند بررسی کنید برای استفاده قالبی که در https github com user project منتشر شده می توانید آن را به صورت آنلاین با استفاده از https github stackblitz com user project امتحان کنید با اضافه کردن stackblitz بعد از github به url پروژه همچنین می توانید از ابزاری مانند degit برای ساخت پروژه خود با یکی از قالب ها استفاده کنید با فرض اینکه پروژه در github است و از main به عنوان برنچ پیش فرض استفاده می کند می توان یک کپی محلی با این دستور ایجاد کرد bash npx degit user project main my project cd my project npm install npm run dev نصب دستی در پروژه خود می توانید ابزار خط فرمان vite را با استفاده از دستور زیر نصب کنید npm yarn pnpm bun deno bash npm install d vite bash yarn add d vite bash pnpm add d vite bash bun add d vite bash deno add d npm vite و یک فایل index html به شکل زیر ایجاد کنید html p hello vite p سپس دستور cli مناسب را در ترمینال خود اجرا کنید npm yarn pnpm bun deno bash npx vite bash yarn vite bash pnpm vite bash bunx vite bash deno run a npm vite index html در http localhost 5173 سرو می شود index html و ریشه root پروژه یک نکته ای که ممکن است متوجه شده باشید این است که در یک پروژه vite فایل index html در مرکز توجه قرار دارد به جای اینکه در داخل public پنهان شده باشد این عمدی است در طول توسعه vite یک سرور است و index html نقطه ورود به برنامه شما است vite فایل index html را به عنوان بخشی از گراف ماژول ها و یکی از منابع اصلی کد در نظر می گیرد این ابزار تگ اسکریپت script type module src را پردازش کرده و به کد جاوااسکریپت شما اعمال می کند حتی تگ های script type module داخلی و فایل های css که از طریق link href ارجاع داده شده اند نیز از قابلیت های ویژه ی vite بهره مند می شوند علاوه بر این urlهای درون index html به صورت خودکار تنظیم می شوند بنابراین نیازی به استفاده از نگهدارنده هایی مانند public_url نخواهید داشت مشابه سرورهای http استاتیک vite مفهومی با نام دایرکتوری ریشه را دارد که فایل های شما از آنجا سرو می شوند شما آن را به عنوان root در بقیه مستندات مشاهده خواهید کرد urlهای مطلق در سورس کد شما با استفاده از ریشه پروژه به عنوان پایه پردازش می شوند بنابراین می توانید کدی بنویسید که انگار با یک سرور فایل استاتیک عادی کار می کنید جز اینکه بسیار قدرتمندتر vite همچنین قادر به مدیریت وابستگی هایی است که در مکان های خارج از سیستم فایل ریشه پردازش می شوند که استفاده از آن را حتی در تنظیمات مبتنی بر مونوریپو امکان پذیر می سازد vite همچنین از برنامه های چند صفحه ای با چندین نقطه ورود html پشتیبانی می کند تعیین ریشه root جایگزین vite سرور توسعه را با استفاده از دایرکتوری کاری فعلی به عنوان ریشه راه اندازی می کند شما می توانید ریشه جایگزینی را با استفاده از vite serve some sub dir مشخص کنید توجه داشته باشید که vite همچنین فایل پیکربندی خود یعنی vite config js را در داخل ریشه پروژه حل و فصل می کند بنابراین اگر ریشه تغییر کند باید آن را جابجا کنید رابط خط فرمان cli در پروژه ای که vite نصب شده است می توانید از باینری vite در اسکریپت های npm خود استفاده کنید یا مستقیماً آن را با npx vite اجرا کنید در اینجا اسکریپت های پیش فرض npm در یک پروژه ساخته شده شده با vite آورده شده است package json json scripts dev vite vite dev vite serve شروع سرور توسعه نام های جایگزین build vite build بیلد برای پروداکشن preview vite preview پیش نمایش بیلد پروداکشن به صورت محلی می توانید گزینه های cli اضافی مانند port یا open را مشخص کنید برای مشاهده لیست کامل گزینه های cli دستور npx vite help را در پروژه خود اجرا کنید بیشتر در مورد رابط خط فرمان cli یاد بگیرید استفاده از کامیت های منتشر نشده اگر برای امتحان ویژگی های جدید نمی توانید منتظر نسخه جدید باشید می توانید یک کامیت مشخص از vite را با استفاده از https pkg pr new نصب کنید npm yarn pnpm bun bash npm install d https pkg pr new vite sha bash yarn add d https pkg pr new vite sha bash pnpm add d https pkg pr new vite sha bash bun add d https pkg pr new vite sha sha را با هر یک از commit sha های vite جایگزین کنید توجه داشته باشید که فقط commit های مربوط به ماه گذشته کار می کنند زیرا نسخه های قدیمی تر پاک می شوند به طور جایگزین می توانید مخزن vite را در ماشین محلی خود کلون کرده و سپس آن را خودتان بسازید و لینک کنید pnpm مورد نیاز است bash git clone https github com vitejs vite git cd vite pnpm install cd packages vite pnpm run build pnpm link global از پکیج منیجر دلخواه خود برای این مرحله استفاده کنید سپس به پروژه مبتنی بر vite خود بروید و دستور pnpm link global vite را اجرا کنید یا مدیریت بسته ای که برای لینک کردن vite به صورت سراسری استفاده کرده اید حالا سرور توسعه را مجدداً راه اندازی کنید تا در کنار آخرین ویژگی ها پیشرو باشید وابستگی ها با استفاده از vite برای جایگزینی نسخه vite که به طور غیرمستقیم توسط وابستگی ها استفاده می شود باید از npm overrides یا pnpm overrides استفاده کنید جامعه community اگر سوالی دارید یا به کمک نیاز دارید با جامعه در discord و github discussions تماس بگیرید اصلاح ترجمه این صفحه در گیت هاب pager بعدی فلسفه تحت مجوز mit منتشر شده 8af0a5dd کپی رایت ۲۰۱۹ تا کنون متعلق به voidzero inc و مشارکت کنندگان vite