https://virgool.io/feed/@homam Front-End Developer with an appetite to do everything with CSS even in the real world.Completely disappointed with his country's future. fa 2026-06-17 08:23:50 https://files.virgool.io/upload/users/12514/avatar/avatar.png?height=120&width=120 https://virgool.io/@homam https://virgool.io/@homam/vscode-little-tricks-2-k98j6ezivvww توصیه می‌کنم که قسمت اول این نوشته رو بخونید چون یه سری موارد دیگه هم علاوه بر 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تب بعدی، تب تایملاین هستش که مراحل سیر این فایل رو در گیت بهتون نشون می‌ده البته می‌شه گفت کامیت‌هایی که این فایل توشون هستن تو برنچ فعلی رو نشونتون می‌ده که اونم کمک خوبیه گاهی وقت‌ها.و آخرین تب هم اسکریپت‌هایی که برای پروژه تعریف کردین رو نشون میده و می‌تونید یا فقط نگاه کنید و تو ترمینال تایپ کنید یا همونجا اجراش کنید، من خودم همیشه می‌رم تو 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 تو چنته دارم و بعید میدونم چیزی رو از قلم انداخته باشم، امیدوارم دست‌کم یکی دوتاش به دردتون بخوره.باز هم می‌خوام اگر چیزی به ذهنتون رسید که من نگذاشتم بگید تا من هم یاد بگیرم، پیشاپیش ممنونم. مهدی قاسمی (هُمام) مهدی قاسمی (هُمام) Fri, 29 May 2020 14:59:48 +0430 https://virgool.io/@homam/vscode-little-tricks-zabgqd0zuvac تصویر از نتایجه سرچ گوگل برای VSCodeادیت 1:تصمیم داشتم همین پست رو آپدیت کنم ولی چون خیلی طولانی می‌شد، تصمیم گرفتم قسمت دیگه‌ای بهش اضافه کنم که آدرسش رو همین جا اضافه میکنم.قسمت دوم مقالهادیت 2:یکی از دوستان (SherlockMac عزیز) یکی دو مورد رو در کامنت اصلاح کردند، که اون تغییرات رو اضافه کردم.1- روش نوشتن vsCode رو به VSCode دادم.2- کلمه «پیش پا افتاده» در عنوان به ابتدایی تغییر کرد.3- در مورد استفاده در مک هم توضیح دادند که می‌تونید تو کامنت‌ها بخونید.یه سری تریک خیلی ساده تو VSCode که احتمالا همگی بلدید رو امروز یه چند تاییش رو برای دوستان و همکاران گفتم و بعضی هاش رو نمی‌دونستند، گفتم امروز چند تا بنده هم اینجا پیدا کنم :)چند تا نکته ریز:1- پیشاپیش ببخشید اگر خیلی پیش پا افتاده است.2- دونستن یا ندونستن این تریک‌ها (نمیگم حقه یا کلک چون بار معناییش برام منفیه) کسی رو دولوپر یا برنامه‌نویس نمیکنه یا از سوادش کم نمیکنه، خودم خیلی‌هاش رو اتفاقی دیدم، دونستن این‌ها صرفا ممکنه یکمی سرعتتون رو بالا ببره، مخصوصا وقتی مثل من سرعت کد نوشتن و فکر کردنتون روی کد کم باشه، اینجوری میتونید یه مقداریش رو جبران کنید.3- خوشحال میشم اگر چیزی زیرش اضافه کنید که مابقی هم استفاده کنند، تو ادیت های بعدی زیر همین‌ها اضافه میکنم.4- شورت‌کی‌هایی که گفته می‌شه همه ویندوزی هستند، چون خودم کاربر ویندوز هستم ولی عموما به راحتی قابل تبدیل برای کاربرهای لینوکس و مک هستند.و اما تریک‌ها:1- اگر Alt + Click کنید در قسمت های مختلف کد می‌تونید Multiple Cursor داشته باشید و یه چیزی رو در چندین محل تایپ، پیست یا پاک کنید؛ یا حتی سلکت و کپی کنید که همشون به شکل یه استرینگ شامل همه چیزایی که کپی کردید می‌ره تو کلیپ برد.2- اگر یه استرینگ رو سلکت کنید و Ctrl + Shift + L رو بزنید همه استرینگ‌های مشابهش رو توی همون داکیومنت به صورت مالتیپل کرسر سلکت می‌کنه و می‌تونید ادیتش کنید. مثلا وقتی که میخواید یه کلاس CSS رو همه جا تو داکیومنت یه چیزی بهش کم یا زیاد کنید3- اگر یه استرینگ رو سلکت کنید و Ctrl + D بزنید با هر بار زدن اولین استرینگ مشابهش رو توی داکیومنت سلکت می‌کنه و وقتی برسه به انتها از ابتدا شروع می‌کنه و باز هم می‌تونید مثل همون قبلی مالتیپل کرسر داشته باشید.4- اگر اسم یه کلاس، متد، پراپرتی یا امثالهم رو تو جاوااسکریپت یا تایپ اسکریپت بخواهید عوض کنید، توی یه داکیومنت میتونید سلکتش کنید و F2 رو یزنید و تغییری رو که میخواید بدید، همه جا تو همون داکیومنت تغییر میکنه5- با Ctrl + B منوی بغل باز و بسته می‌شه6- با Ctrl + \ می‌تونید پنجره های کنار هم باز کنید و بعد با Ctrl + 1-n بین پنجره‌ها سوییچ کنید.7- این هم بد نیست: Ctrl + 0 برای فوکوس روی منوی بغل هست و بصورت اختصاصی Ctrl + Shift + E برای فوکوس روی منوی فولدرهاست.8- با Ctrl + 0 می‌تونید فوکوس رو از روی ادیتور ببرید روی منوی بغل و برعکس9- برای سوییچ کردن روی تب های مختلف در هر ویو می‌تونید از Ctrl + PgUp یا Ctrl + PgDn استفاده کنید10- از Ctrl + Tab برای سوییچ کردن روی تب قبلی استفاده کنید، اگر نگه دارید می‌تونید با کلیدهای بالا و پایین از بین فایل‌های باز یکی رو انتخاب کنید، با نگه داشتن Ctrl و زدن متناوب Tab هم می‌تونید این کار رو بکنید.11- با Ctrl + ` می‌تونید ترمینال رو باز کنید یا ببندید، نکته‌اش اینجاست که اگر ترمینال باز باشه ولی فوکوس روش نباشه با یه بار زدن، فوکوس میره روش و با بار دوم بسته میشه، البته ترمینال کیل نمیشه و برای کیل کردنش باید روی اون سطل آشغال بغل کلید کنید، اگر دوست داشتید می‌تونید برای اینکه از ماوس استفاده نکنید خودتون یه شورت‌کی براش درست کنید، من خودم Ctrl + Shift + X رو استفاده می‌کنم.12- برای درست کردن شورت‌کی هم می‌تونید Ctrl + K و بلافاصله Ctrl + S رو بزنید تا ادیتور شورت‌کی باز بشه، بعد برای workbench.action.terminal.kill جستجو کنید و هر شورت‌کی که می‌خواید رو اضافه کنید، اگر شورت‌کی تداخل داشته باشه بهتون می‌گه.این دو مورد بعدی تقریبا در تمام ادیتورها و IDEها یکسان یا با تغییرات جزیی قابل استفاده است.13- وقتی یه چیزی رو سرچ کردید با Ctrl + F یا با Ctrl + Shif + F می‌تونید با زدن F3 برید رو نتایج بعدی و با Shift + F3 روی نتایج قبلی14- شورت‌کی Ctrl + Shift + F کمکتون می‌کنه تو همه پروژه سرچ کنید، ممکنه به ذهنتون برسه که مثلا من یه کلاس CSS رو می‌خوام ولی اون نتایج رو توی همه فایلهای HTML, SCSS, TS, JS برام میاره، کافیه تو فیلتر با استفاده از وایلد کاردها فایل مد نظر یا آدرس رو محدود کنید مثلا*.tsx*.scssstyles/**/_*.scssکه آخری توی فولدر styles همه زیر فولدرها فایلهای SCSS که با آندر اسکور شروع میشن رو توش سرچ می‌کنه مهدی قاسمی (هُمام) مهدی قاسمی (هُمام) Wed, 27 May 2020 12:21:51 +0430