کلید میانبر ، پلاگین و تنظیمات vs code برایه فلاتر

میانبر هایه vs code

تویه یوتیوب پر از کلید هایه میانبر vs code هست من بهتریناشو گلچین کردم

Quick Fix

• لینوکس ctrl + .
• ویندوز ctrl + .
• مک cmd + .

هرجایه از کد که نشانگر متن اونجا باشه بعد زدن کلیک میانبر بالا میتونید ویجت اضافه کنید حذف کنید اون بخش کد به یه تابع جدا و.... انجام بدید

پیشنهادا برایه اون بخش که نشانگر باشه به شما پیشنهاد میده کارتون سریع انجام بدید

نمایش Command Platette

• لینوکس ctrl + shift + p
• لینوکس ctrl + shift + p
• مک cmd + shift + p

با زدن کلید میانبر بالا یه کادر جستجو باز میشه که میتونید دستورات پیدا کنید

سرچ کردن فایل بر اسا اسم

• لینوکس ctrl + p
• ویندوز ctrl + p
• مک cmd + p

بدون ول کردن صفحه کلید البته اگه تایپ ده انگشتی میکنید میتونید به راحتی وارد فایلایه مختلف بشید خوبی که داره اگه فایلا زیاد باشه با سرچ راحت پیدا میکنی

Dart: Add Dependency

لازم نیست همش pub.dev باز کنید و دنبال کتابخونه باشید و بعد اضافه کنید با این دستور به راحتی کتابخونه هارو اضافه کنید

ابتدا کامند پلت باز کنید و دستور "Dart: Add Dependency" سرچ و انتخاب کنید

دوتا گزینه هست یکی کتابخونه پروژه اضافه میکنه یکی کتابخونه دولوپر

بعد انتخاب هر کتابخونه ای که لازم دارید میتونید سرچ کنید اگه چندتا کتابخونه میخواید یکی که انتخاب کردید کاما بزارید و بعدی سرچ کنید در اخر اینتر بزنید کتابخونه ها اضافه میشن

snippets دارت و فلاتر

با کلمه کلیدی هایه زیر بجایه نوشتن کامل کلاس ها و اضافه کردن ارث بریهاشون به راحتی اونهارو اضافه کنید این snippets نمیدونم فارسی چی بگم بهتر باشه :)

دستورات زیر بزنید کلاسی از نوعی که گفتم به راحتی میسازه ( کلاسی که ارث بری میکنه از اون ویجت )

• stless => StatelessWidget
• stful => StateFulWidget
• stanim => StateFulWidget with an AnimationController

داخل دارت میتونید تایپ کنید ife و به راحتی یه if else بسازید بدنه کامل میسازه فقط شرط لازمه بزارید

برایه snippets هایه بیشتر اینجا کلیک کنید

و اگر snippets هایه بیشتر میخواید میتونید پلاگین Awesome Flutter Snippets نصب کنید

لیست کلید هایه میانبر کیبورد

• لینوکس ctrl+k ctrl +s
• ویندوز ctrl+k ctrl +s
• مک cmd+k cmd+k

حواستون باشه کلید میانبر ها دوتا نیست یکیه باید پشت سرهم سریع بزنیدشون

و لیست کامل کلید میانبر ها میتونید بخونید و اگه لازم دونستید میتونید ورایشم بکنید

پلاگین هایه کاربردی vs code برایه flutter

1. Dart Data Class Generator

این پلاگین خیلی خفنه و خودکار که دیتا کلاس میسازه متد هایه

copyWith , toMap , fromMap , toJson , fromJson , toString , == , hashCode

براتون به راحتی یه کلیک ایجاد میکنه

خیلی میتونه تویه زمانتون صرفه جوی بشه رویه لینک زیر کلیک کنید

Dart Data Class Generator

پلاگین جایگزینم این پایین میزارم میتونید استفاده کنید

Json to Dart Model

2. Error Lens

خطاهاتون اشتباهاتتون هنگام تایپ میگه

Error Lens

3. Better Comments

این پلاگین باعث قشنگ شدن و معلوم تر شدن کامنتا میشه

Better Comments

4. Remove comments

وقتی یه پروژه جدید فلاتر ایجاد میکنی کلی کامنت اضافه هست با این پلاگین همه با یه کلیک پاک کن

Remove Comments

ادامه داره این اپدیت میکنم بعدا اینستام خبر میدم

یا پست جدید میکنم کامنتا بهم بگید