حالا قبل از اینکه هر کدی بنویسیم،
باید یه ادیتور کد نصب و تنظیم کنیم.
ادیتور کد، ابزار اصلی هر برنامه‌نویسه،
و همون‌طور که از اسمش پیداست، برای نوشتن کد واقعی‌مون ازش استفاده می‌کنیم.
خب، بیاید بریم یه ادیتور کد دانلود کنیم.
ادیتوری که من به همه پیشنهاد می‌کنم استفاده کنن،
Visual Studio Code هست یا به اختصار VS Code.
به نظر من،
این بهترین ادیتور کدی هست که تا حالا ساخته شده.
و این فقط نظر شخصی من نیست.
الان VS Code با اختلاف محبوب‌ترین و پرکاربردترین ادیتور کده،
و دلیل خوبی هم براش وجود داره.
خیلی ساده، بهترین و راحت‌ترینه برای استفاده، و البته
کاملاً رایگانه.
البته اگه به هر دلیلی از VS Code خوشت نمیاد،
چند تا جایگزین هم هست.
مثلاً می‌تونی از Adam یا Brackets استفاده کنی،
که اتفاقاً من تو نسخه‌ی قبلی این دوره از Brackets استفاده می‌کردم.
ولی تو این دوره، قراره با VS Code کار کنیم.
پس واقعاً پیشنهاد می‌کنم که با همین ادیتور پیش بری،
تا همه‌چی برات راحت‌تر بشه و بهتر بتونی دنبال کنی.
دوباره تأکید می‌کنم، این ادیتور کاملاً رایگانه
و روی همه‌ی پلتفرم‌ها کار می‌کنه.
فقط اون نسخه‌ای که مناسب سیستم‌ت هست رو دانلود کن،
و بعد نصبش کن روی کامپیوترت.
وقتی نصب کردی، برگرد به همین ویدیو،
تا با هم یه تنظیمات کوچیکی انجام بدیم،
که بتونیم تو بخش بعدی شروع کنیم.
وقتی کارت تموم شد، برگرد به این ویدیو،
تا با هم یه سری تنظیمات کوچولو انجام بدیم،
که بتونیم تو بخش بعدی با هم شروع کنیم.
خب، امیدوارم تونسته باشی VS Code رو نصب کنی
و وقتی بازش می‌کنی، یه چیزی شبیه این ببینی.
البته احتمالاً رنگ‌ها فرق دارن،
ولی اون رو الان درستش می‌کنیم.
ممکنه صفحه‌ی خوش‌آمدگویی هم فرق داشته باشه،
یا آیکون‌هایی که اینجا می‌بینی فرق کنن،
چون شاید ادیتور رو بعد از ضبط این ویدیو نصب کرده باشی.
ولی در کل، چیزای اصلی باید همون باشن.
خب، بیاید با نصب یه تم شروع کنیم.
تم در واقع همون رنگ‌هایی هستن که روی صفحه می‌بینی،
و رنگ‌هایی که توی کدی که می‌نویسی دیده می‌شن.
البته لازم نیست حتماً یه تم نصب کنی.
می‌تونی یکی از تم‌هایی که خود VS Code داره رو انتخاب کنی.
فقط روی این آیکون پایین کلیک کن و بعد برو روی color theme.
اینجا می‌تونی چند تا رو امتحان کنی.
اینجا می‌تونی یکی از این تم‌ها رو امتحان کنی.
اگه از یکی خوشت اومد،
می‌تونی همونو نگه‌داری و باهاش ادامه بدی.
ولی همون‌طور که می‌بینی، تمی که من استفاده می‌کنم اسمش monokai pro هست،
و این تم به‌صورت پیش‌فرض توی VS Code نیست.
اگه دوست داری همون تمی که من دارم رو نصب کنی،
فقط بیا اینجا توی تب extensions
و بعد سرچ کن monokai pro.
خب، همون گزینه‌ی اولیه که میاد.
احتمالاً یه دکمه‌ی دانلود یه‌جایی این اطراف هست،
بزن روش تا نصب بشه.
البته این تم در واقع یه تم پولیه که می‌تونی بخریش
حدود ۱۰ دلار آمریکا قیمتشه.
ولی در واقع می‌تونی همین تم رو
برای همیشه رایگان استفاده کنی.
هر چند روز یه بار یه پیام میاد که ازت می‌خواد بخریش،
ولی برای من هیچ‌وقت اذیت‌کننده نبوده.
فقط یه نکته سریع بگم: من هیچ ارتباطی با این تم ندارم،
و این اصلاً تبلیغ نیست.
این فقط تمیه که من خیلی دوستش دارم
و هر روز ازش استفاده می‌کنم.
البته تو می‌تونی یه تم دیگه استفاده کنی،
یا همون تمی که قبلاً خودت استفاده می‌کردی رو ادامه بدی.
ولی اگه از این تم خوشت اومد،
می‌تونی از سازنده‌ش حمایت کنی، یا رایگان استفاده‌ش کنی،
یا اینکه یه تم دیگه انتخاب کنی.
یه تم دیگه هم هست که خیلی شبیه اینه
و خودش به‌صورت پیش‌فرض با VS Code میاد،
اسمش هست monokai classic.
خب، این همونه.
رنگ‌هاش یه کم فرق دارن،
ولی تم monokai pro که من استفاده می‌کنم در واقع بر پایه‌ی همین ساخته شده.
واسه همین، رنگ‌ها خیلی شبیه‌ان.
پس این گزینه هم انتخاب خوبیه
اگه بخوای یه تم خیلی مشابه با مال من داشته باشی،
ولی نخوای از monokai pro استفاده کنی.
ولی من الان دوباره برش می‌گردونم به monokai pro.
خب، اینم از بحث تم‌ها.
حالا بریم سراغ تنظیمات VS Code.
اینجا می‌خوام چند تا تنظیمی که توی ویدیوهای دوره استفاده می‌کنم رو نشونت بدم،
و احتمالاً بهتره تو هم ازشون استفاده کنی
تا راحت‌تر بتونی ویدیوها رو دنبال کنی
و بعداً هم خودت راحت‌تر کدنویسی کنی.
خب، اولین تنظیمی که باید انجام بدی، گزینه‌ی auto save هست
که باید بذاریش روی on focus change.
این باعث می‌شه هر وقت از ادیتور خارج بشی یا بری سراغ یه فایل دیگه،
اون فایل خودش به‌صورت خودکار ذخیره بشه، بدون اینکه کاری انجام بدی.
خیلی کاربردیه و کمک می‌کنه چیزی از دست نره.
واقعاً مفیده.
اگه این گزینه رو اینجا نمی‌بینی،
بالا یه قسمت سرچ هست که می‌تونی همه چی رو جست‌وجو کنی.
فقط سرچ کن auto save همین‌طوری.
و بعد دوباره تنظیمش کن روی on focus change.
می‌تونی اندازه فونت رو هم تغییر بدی،
ولی اون واقعاً الان مهم نیست.
یه گزینه‌ی دیگه هم هست به اسم multi cursor modifier.
اسمش یه کم عجیب به نظر می‌رسه،
ولی فقط کافیه بذاریش روی control یا command.
یا اینکه همون alt رو نگه‌داری.
فقط وقتی خواستی ازش استفاده کنی،
بدون کدوم یکی رو انتخاب کردی.
ولی فعلاً مهم نیست.
من یه کم بعدتر توی دوره ازش استفاده می‌کنم.
یه گزینه‌ی دیگه هم هست به اسم word wrap که من فعالش کردم،
ولی اونم خیلی مهم نیست.
خب، فکر کنم اینا مهم‌ترین تنظیمات بودن.
فقط یه گزینه‌ی دیگه مونده که باید تغییرش بدی.
اسمش هست format on save.
فقط این گزینه رو فعال کن،
که می‌گه باید یه formatter نصب شده باشه. البته الان هنوز نصب نیست،
ولی تو یکی از بخش‌های بعدی دوره، یه formatter نصب می‌کنیم
که خودش به‌صورت خودکار کدمون رو مرتب کنه.
خیلی کارمون رو راحت‌تر می‌کنه.
و دیگه لازم نیست دستی کدها رو تمیز کنیم.
تا اون موقع، این تنظیم باید حتماً فعال شده باشه.
خب، اینم از این جلسه. دیگه چیزی نمونده.
فقط یه نکته: من اینجا دارم با مک کار می‌کنم،
ولی همه‌چی دقیقاً همین‌طوری روی ویندوز و لینوکس هم کار می‌کنه.
فرقی نداره.
همون‌طور که قبلاً هم گفتم، VS Code روی همه‌ی پلتفرم‌ها یه جور عمل می‌کنه.
خب، فقط یه تغییر کوچیک دیگه مونده که الان یادم افتاد،
و اون اینه که علاوه بر تغییر تم اصلی رنگ‌ها،
می‌تونیم تم آیکون‌های فایل‌ها رو هم عوض کنیم.
اگه می‌خوای VS Codeت دقیقاً مثل مال من باشه،
می‌تونی این آیکون‌های Seti رو انتخاب کنی.
به‌صورت پیش‌فرض فکر کنم روی minimal باشه،
ولی من این یکی‌ها رو بیشتر دوست دارم.
اگه این گزینه رو بزنی، ادیتورت احتمالاً دقیقاً مثل مال من می‌شه.
خب، با این تنظیمات دیگه آماده‌ایم که بریم سراغ ادامه‌ی کار.
فقط مطمئن شو که آخرین نسخه‌ی Google Chrome رو هم
روی سیستم‌ت نصب کرده باشی،
چون قراره کدهامون رو
توی همین مرورگر تست کنیم.
خب، دیگه واقعاً این ویدیو تموم شد.
پس می‌بینمت توی ویدیوی بعدی! ! 😊