پرش به مطلب اصلی

پیش‌نمایش پروژه

نقطه بهت اجازه می‌ده قبل از انتشار ببینی چی ساخته.

تب پیش‌نمایش

تو محیط کار، تب پیش‌نمایش نتیجه کار رو نشون می‌ده:

  • وب‌سایت: سایتت مثل مرورگر نشون داده می‌شه
  • تغییرات آنی: هر تغییر کد، فوری تو پیش‌نمایش دیده می‌شه

استفاده از پیش‌نمایش

ببین

ببین چطور کار می‌کنه

تست کن

رو دکمه‌ها بزن، فرم‌ها رو پر کن

رفع مشکل

اگه مشکلی دیدی، تو چت بگو:

«دکمه کار نمی‌کنه، درستش کن»


حالت طراحی

برای تغییرات ظاهری سریع بدون کدنویسی:

حالت طراحی

  1. حالت طراحی رو فعال کن
  2. رو هر المان کلیک کن
  3. ویرایشگر میاد بالا
  4. تغییرات رو اعمال کن

ویرایشگر حالت طراحی

چیا رو می‌شه عوض کرد؟

  • رنگ‌ها و پس‌زمینه
  • فونت و اندازه متن
  • فاصله‌ها و حاشیه‌ها
  • متن‌ها
اطلاع

تغییرات حالت طراحی مستقیم تو کد ذخیره می‌شن.


کنسول

پایین پیش‌نمایش، کنسول رو می‌بینی:

  • لاگ‌ها: پیام‌های console.log
  • خطاها: ارورهای جاوااسکریپت
  • هشدارها: وارنینگ‌های کد
نکته

کنسول برای دیباگ و رفع مشکلات خیلی کمک می‌کنه.