Faiber IDE
محصول را در محیط توسعه فایبر بسازید
کدنویسی، طراحی، پیشنمایش، اجرای دستیارها و بررسی لینت و ساخت را در یک فضای کاری آگاه از پروژه انجام دهید؛ با نسخههای لحظهای و کش زمینه.
← Projectsstorefront · IDE
⌨ Code◇ DesignPlanmaxBalance27,582 IRREN♫
◇ HomePage.tsx×Auto-saveSaved
AUTO · Code
export function Hero() {
return (
<section className="hero">
<Eyebrow>Product</Eyebrow>
<h1>Build the next idea.</h1>
// shared token, responsive layout
<Button>Start now</Button>
</section>
)
}
یک منبع واقعی
ویرایشگر، بوم طراحی، دستیارها، مرورگر و بررسیها روی همان پروژه کار میکنند
فایلهای عادی پروژه
فایبر داخل مخزنی کار میکند که در هر ابزار دیگری نیز قابل استفاده است. React، TypeScript، داراییها، بستهها و تاریخچه Git قابلانتقال میمانند.
دستیارهای تخصصی
Plan بررسی میکند، Design رابط را میسازد، Code فایل را تغییر میدهد، Explore شواهد میدهد و Manage سرویسها را اداره میکند.
اثبات پیش از تحویل
تغییر فقط با اعلام پایان دستیار کامل نمیشود. diff، پیشنمایش، lint، build، بررسیهای طراحی و وضعیت استقرار قابلبازبینی میمانند.
01 · Auto mode
IDE مسیر کار را انتخاب میکند و کنترل نتیجه در دست شما میماند
Auto mode مدل اصلی و جایگزین مناسب را انتخاب میکند، درخواست را به دستیار تخصصی میسپارد، فقط شواهد مرتبط پروژه را میخواند و با نتیجه ابزارها ادامه میدهد. همچنان میتوانید مدل یا نقش را ثابت کنید، فعالیت را ببینید، اجرا را متوقف کنید یا دستی ادامه دهید.
- انتخاب مدل اصلی و جایگزین برای هر کار
- نقشهای Design، Code، Plan، Explore و Manage
- فعالیت شفاف ابزارها و شواهد فایل
- بدون جایگزینی پنهانی با مدل دردسترسنبوده یا پولی
AUTO · Code
export function Hero() {
return (
<section className="hero">
<Eyebrow>Product</Eyebrow>
<h1>Build the next idea.</h1>
// shared token, responsive layout
<Button>Start now</Button>
</section>
)
}
02 · کش زمینه و مدیریت توکن
دانش ثابت پروژه را دوباره استفاده کنید؛ نه کل مخزن را
فایبر خلاصه پروژه، شواهد فایل، وابستگیها، نتیجه ابزار و دستورهای ثابت را از بخش متغیر هر نوبت جدا میکند. متن سازگار با کش و خواندن هدفمند، ورودی تکراری را کاهش میدهد و پس از هر تغییر، شواهد قدیمی بهروز میشوند.
- خواندن هدفمند بهجای ارسال کل زمینه
- استفاده دوباره از بخش ثابت متن در نوبتهای بعد
- خلاصه تصمیمها بدون حمل همه پیامها
- نمایش مصرف و هزینه در تاریخچه حساب
Context cache78%Input saved−64%
03 · Design mode
رابط را بصری انتخاب کنید و همان TSX واقعی را تغییر دهید
Design mode بوم واکنشگرا، انتخاب عنصر، مرز کامپوننت، توکنهای پوسته، فایل منبع، ثبت مرجع و کیفیت بصری را به هم وصل میکند. نتیجه یک صفحه واقعی است، نه ماکتی جدا که بعداً دوباره ساخته شود.
- اتصال بوم طراحی و کد منبع
- پیشنمایش دسکتاپ، تبلت و موبایل
- بررسی RTL و دسترسپذیری
- ساخت توکن و کامپوننت قابلاستفادهمجدد پیش از پرداخت نهایی
Build the next idea.
04 · نسخه لحظهای و وضعیت کیفیت
بدانید چه چیزی تغییر کرده، کدام بررسی موفق بوده و از کجا میتوانید برگردید
نسخههای لحظهای، وضعیت قابلبازیابی فضای کاری را پیش و پس از تغییرهای مهم ثبت میکنند. IDE فایلهای تغییرکرده، diff، پیشنمایش، نتیجه lint و build، فعالیت دستیار و استقرار را نشان میدهد تا اصلاح بر پایه شواهد ادامه پیدا کند.
- بازیابی یا مقایسه نسخههای نامدار
- lint و build نهایی بهعنوان دو نشانه جدا
- سلامت پیشنمایش و کنسول مرورگر
- diff گیت و فایلهای تغییرکرده پیش از ثبت یا استقرار
Context cache78%Input saved−64%
وب و بومی
همهجا از مرورگر استفاده کنید و هنگام نیاز به سیستم خود، Faiber App را اضافه کنید
IDE وب
فایلهای ابری، دستیارها، طراحی، پیشنمایش، بررسیها، مدل، صورتحساب و استقرار در مرورگر.
- Cloud workspace
- Browser access
- Agentic execution
IDE در Faiber App
فایل و Git مستقیم، ترمینال بومی، مرورگر و پیشنمایش محلی، Ollama، رسانه، عیبیابی و سختافزار سیستم.
- Local project root
- Native tools and Worker
- Cloud synchronization
فایبر
کد را عادی نگه دارید و چرخه توسعه را هوشمند کنید
در IDE وب شروع کنید یا برای دسترسی مستقیم به فایل، Git، ترمینال، مرورگر، پیشنمایش، Ollama و پردازش بومی، Faiber App را نصب کنید.