مهدی قاسمی (هُمام)
مهدی قاسمی (هُمام)
خواندن ۶ دقیقه·۴ سال پیش

تریک‌های ابتدایی و دم دستی در VSCode - قسمت دوم

توصیه می‌کنم که قسمت اول این نوشته رو بخونید چون یه سری موارد دیگه هم علاوه بر 14 تریک دیگه رو آنجا توضیح دادم.

1- اگر یه خط رو خواستید جابجا کنید، مثلا چند خط ببریدش بالاتر یا پایینتر، می‌تونید به همراه Alt یکی از کلیدهای بالا یا پایین رو برای بالا پایین بردن اون خط در کد استفاده کنید.

2- این رو سعید یادآوری کرده بود، اگر از ترکیب Alt + Shift و یکی از دکمه های بالا یا پایین استفاده کنید، می‌تونید یک یا چند خط رو کپی کنید، قبلا خودم از ترکیب Home و بعد Shift + End استفاده میکردم و بعد کپی و پیست، که خوب برای کپی کردن یک یا چند خط میشه گفت خیلی کار زیادیه.

3- اینم تا یادم نرفته بگم که وقتی چند تا خط رو بصورت مالتی کرسر گرفتید، میتونید همون چند تا خطر رو با همون ترتیب بالا و پایین ببرید یا کپی کنید.

4- اگر از ترکیب Ctrl + P استفاده کنید می‌تونید فایل‌های پروژه رو سرچ کنید، وقتی هم که دراپ‌داون سرچ رو براتون باز کرد با دکمه‌های بالا و پایین می‌تونید فایل رو انتخاب کنید و با زدن اینتر بازش کنید و اینجوری می‌شه استفاده از ماوس رو کمتر کرد و سرعت کار رو بیشتر کرد.

5- تو قسمت اول گفتم برای کیل کردن ترمینال شورت‌کی دیفالت نداریم ولی میشه خودمون تعریف کنیم، ولی یه راه دیگه استفاده از Ctrl + Shift + P هست که Command Palette رو براتون باز می‌کنه، شاید باید این رو نکته اول قسمت اول می‌گفتم، این پلت هاب دسترسی سریع به هرچیزی هست که شما در VSCode نیاز دارید، هر کاری که بخواید بکنید رو توش سرچ کنید از فرمت کردن تا سیو کردن، فایل و فولدر جدید، تنظیمات، نصب پلاگین، این لعنتی خودش یه کتاب کامل می‌خواد، هر پلاگینی هم که نصب کنید دستوراتش رو تو این پنل اضافه می‌کنه، گاهی که مثلا چند تا پلاگین برای یه کار دارید، ازتون میپرسه با کدومش مثلا فرمت کنم یا تنظیم کنید که با همیشه با کدومش کار کنید که می‌تونه برای یه ورک اسپیس یا پروژه باشه یا روی همه پروژه‌هاتون. حتی دستورات گیت رو هم می‌تونید از اونجا پیدا کنید، من خودم اونایی که یادم نمیاد رو از اونجا نگاه می‌کنم.
خلاصه باهاش کلنجار برید و شخمش بزنید.

6- راستی یاتونه که می‌تونستید چند تا ویو کنار هم با با زدن Ctrl + \ بیارید؟ یادم رفت که بگم با زدن Shift + Alt + 0 می‌تونید افقی و عمودی بودن چیدمانتون رو عوض کنید.

7- تو پنل اکسپلورر یا همونجا که فایل‌ها و پروژه رو می‌بینید و بالا پایین می‌کنید یه چند تایی تب هستش،

  • اولیش تمام فایل‌های بازتون رو نشون می‌ده و دکمه برای سیو کردن یا بستن همه و تغییر چیدمان هم بهتون می‌ده. من خودم همیشه اینو بسته نگه می‌دارم ولی همکارام زیاد ازش استفاده می‌کنند.
  • دومیش همون اکسپلورر هست که همه باهاش کار می‌کنند و چیز خاصی نداره ولی اگر وقتی فوکوس هستش شروع کنید به تایپ کردن می‌تونید تو اکسپلورر سرچ کنید با زدن Esc یا پاک کردن سرچ یا کلیک روی ضربدرش می تونید تو اسم فایل‌هاتون سرچ کنید، یه گزینه هم دار فیلتر آن تایپ که اون وقت فقط نتایج رو نشون میده نه این که نتایج رو هایلایت کنه
  • پنجره بعدی اوت‌لاینه که بسته به نوع فایلتون یه شما از ساختار اون بهتون می‌ده و خیلی وقت‌ها می‌تونه کمک خیلی خوبی باشه، یه نمونه فایل HTML و یه فایل جاوااسکریپت این زیر گذاشتم که ببینید:
نمونه پنجره outline
نمونه پنجره outline
  • تب بعدی، تب تایملاین هستش که مراحل سیر این فایل رو در گیت بهتون نشون می‌ده البته می‌شه گفت کامیت‌هایی که این فایل توشون هستن تو برنچ فعلی رو نشونتون می‌ده که اونم کمک خوبیه گاهی وقت‌ها.
  • و آخرین تب هم اسکریپت‌هایی که برای پروژه تعریف کردین رو نشون میده و می‌تونید یا فقط نگاه کنید و تو ترمینال تایپ کنید یا همونجا اجراش کنید، من خودم همیشه می‌رم تو package.json رو نگاه می‌کنم و نمی‌دونم واقعا کاربردش چی می‌تونه باشه؟!

این مواردی که الان میگم هم تقریبا تو همه ادیتورها یا IDEها با کمی بالا پایین قابل اجراست:

8- خیلی از استک تریس‌ها یا لاگ‌های خطا و وارنینگ علاوه بر اسم فایل به شما دو تا عدد هم می‌گن، بعضی میگن که اولیش شماره خط و دومیش شماره کالن یا همان ایندکس کارکتریه که روش ارور خورده بعضی هم نمیگن، شما اگر از ترمینال خود ادیتور استفاده می‌کنید می‌تونید از روی اسم فایل Ctrl + Click کنید تا ببردتون همونجا یا اینکه توی فایل با زدن Ctrl + G شماره خط رو بزنید تا ببردتون روی همان خط، اگر کالن رو هم خواستید می‌تونید با کاما عدد کالن رو بهش اضافه کنید، به این شکل: 145, 26

9- تو خیلی از ادیتورها یا IDEها می‌تونید با کلیک پشت شماره خط برای زمانی که کد کامپایل می‌شه بریک پوینت بزارید(خودم تاحالا برای جاوااسکریپت و تایپ‌اسکریپت استفاده نکردم)، ولی می‌دونستید اگر روی شماره خط کلیک کنید کل خط رو بعلاوه لاین بریک بعدش سلکت می‌کنید؟ دقیقا انگار که Home بزنید و بعد با Shift و دکمه پایین یا بالا کل خط رو انتخاب کنید و کپی کنید.

10- خوب اینم از اوناییه که باید همون اولای مقاله می‌نوشتم، خوب طبیعتا Arrow Keys کرسر شما رو جابجا می‌کنه، اگر به همراهش از Ctrl استفاده کنید، بجای یک کارکتر کرسر شما کلمه به کلمه حرکت می‌کنه، و اگر از Shift هم استفاده کنید، می‌تونید برای سلکت کلمه به کلمه هم ازش استفاده کنید.

11- این مورد برای کاربرای ویندوزی خیلی مهمه، چندین سال پیش وقت اولین بار بهش برخوردم بیچاره شدم تا بفهمم چه گندی زدم :))
اگر دارید با شماره 8 کلنجار می‌رید ترکیب Ctrl + Alt و کلید های جهت نما رو نزنید اگرم زدید اینقدر ترکیب‌هاشو چک کنید تا بفهمید چی چی می‌شه که همچی می‌شه، از من گفتن.

12- اگر از ماوس برای سلکت کردن استفاده می‌کنید، این تو ذهنتون باشه سینگل کلیک جای کرسر رو مشخص می‌کنه، اگر وسط کلمه دابل کلیک کنید کلمه انتخاب می‌شه و با تریپل (سه بار) کلیک یه خط، ممکنه مسخره به نظرتون بیاد ولی خیلی‌ها اینو بلد نیستند پس فحشم ندید.

اختتامیه

این‌ها و موارد قبلی تقریبا همه راهیه که من برای استفاده از VSCode تو چنته دارم و بعید میدونم چیزی رو از قلم انداخته باشم، امیدوارم دست‌کم یکی دوتاش به دردتون بخوره.

باز هم می‌خوام اگر چیزی به ذهنتون رسید که من نگذاشتم بگید تا من هم یاد بگیرم، پیشاپیش ممنونم.

vscodeکدنویسیکد نویسیکد
Front-End Developer with an appetite to do everything with CSS even in the real world.Completely disappointed with his country's future.
شاید از این پست‌ها خوشتان بیاید