12 بهترین نکته و ترفند متن عالی

multi-line selection

احتمالاً تا به حال می دانید که ما از طرفداران Sublime Text هستیم. ممکن است یک ویرایشگر کد بسیار ساده به نظر برسد، اما دارای بسیاری از ویژگی های پنهان در زیر آن است.

پس از مدتی کاوش در آن، ممکن است تعجب کنید که می‌توانید کارهای جالب زیادی را در Sublime Text انجام دهید. ما وارد شدیم و کمی اطراف را جستجو کردیم، و در اینجا فقط برخی از نکات و ترفندهایی است که فکر می کنیم دوست دارید با آنها بازی کنید.

بیایید تجربه کدنویسی شما را در Sublime Text افزایش دهیم.

1. انتخاب

به عنوان توسعه دهندگان وب، ما اغلب کد را ویرایش می کنیم. در زیر چند میانبر صفحه کلید مفید وجود دارد که به شما امکان می دهد انواع مختلفی را انتخاب کنید متن عالی.

فرمان + D

یک کلمه را انتخاب کنید.

فرمان + L

یک خط را انتخاب کنید.

فرمان + آ

کل محتوای سند را انتخاب کنید.

Ctrl + فرمان + جی

همه چیز را در داخل براکت (که هنگام کار با CSS یا جاوا اسکریپت مفید است) انتخاب کنید.

علاوه بر این، Sublime Text به ما امکان می دهد چندین خط را به طور همزمان انتخاب کنیم، که می تواند به طور قابل توجهی بهره وری ما را افزایش دهد. چندین روش برای اجرای این ویژگی وجود دارد:

فرمان

نگه دارید فرمان را کلید زده و روی خطوطی که می خواهید انتخاب کنید کلیک کنید.

فرمان + Ctrl + جی

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

فرمان + D

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

نحوه عملکرد انتخاب چند خطی را در زیر ببینید.

انتخاب چند خطی

2. مرتب سازی CSS

معمولاً ما اهمیتی نمی‌دهیم که ویژگی‌های CSS چگونه مرتب می‌شوند، زیرا CSS بدون در نظر گرفتن موقعیت آنها خروجی مورد نظر را در مرورگر به ما می‌دهد. با این حال، قرار دادن آنها در یک ترتیب خاص می تواند کد شما را منظم تر کند. در Sublime Text می توانید ویژگی های CSS را انتخاب کرده و ضربه بزنید F5 به خصوصیات را به ترتیب حروف الفبا مرتب کنید.

مرتب سازی css

همچنین می توانید از یک افزونه شخص ثالث مانند CSSComb برای کنترل بیشتر بر قانون مرتب سازی دارایی استفاده کنید.

3. پالت فرمان

شما می توانید به سرعت بسیاری از وظایف را با Command Palette انجام دهید، مانند تغییر نام فایل ها، تنظیم نحو فایل، و درج قطعات. برای نمایش پالت فرمان در Sublime Text، ضربه بزنید فرمان + تغییر مکان + پ، سپس دستوری را که قصد انجام آن را دارید وارد کنید. در اینجا چند نمونه آورده شده است.

تغییر نام فایل

تغییر نام فایل

نحو فایل را به HTML تنظیم کنید

سینتکس را به HTML تنظیم کنید

درج قطعه کد

درج قطعه

4. جابجایی بین زبانه ها و پروژه ها

هنگام کار بر روی یک پروژه، ممکن است فایل های زیادی باز داشته باشیم. در Sublime Text، می‌توانید با میانبرهای زیر به سرعت از میان این فایل‌ها (یا برگه‌ها) جابه‌جا شوید:

فرمان + تی

برگه هایی را که در حال حاضر باز هستند فهرست می کند. یکی را برای رفتن به برگه انتخاب کنید.

فرمان + تغییر مکان + )

این شما را بلافاصله به برگه بعدی می برد.

فرمان + تغییر مکان + (

این کلید شما را به تب قبلی می برد.

فرمان + Ctrl + پ

بین پروژه های فهرست شده در نوار کناری Sublime Text جابجا شوید.

5. ویرایش چند فایل

این ویژگی هنگام کار با چندین فایل بسیار مفید است. به عنوان مثال، فرض کنید چندین بلوک کد دارید که بسیار شبیه به هم هستند و در فایل های مختلف پروژه پخش شده اند. برای تغییر موثر این کدها، می توانید:

  1. اصابت فرمان + تغییر مکان + اف در متن عالی کلمات، جمله یا خطوط کدی را که می خواهید تغییر دهید را وارد کنید پیدا کردن رشته. نکته حرفه ای: اصابت فرمان + E برای قرار دادن سریع کد انتخاب شده در پیدا کردن فیلد ورودی
  2. نام فایل ها را در داخل مشخص کنید جایی که فیلد ورودی یا اضافه کردن <open files> فقط روی فایل هایی که در حال حاضر باز هستند تاثیر بگذارد.
  3. کلمه یا کد جایگزین را در قسمت وارد کنید جایگزین کردن فیلد ورودی و ضربه بزنید جایگزین کردن دکمه.
فیلدهای جستجو را پیدا کنید

6. خزیدن فایل

این ویژگی هنگام ویرایش CSS واقعا مفید است. اصابت فرمان + آر. همانطور که در تصویر زیر نشان داده شده است، یک گفتگو با لیستی از انتخابگرهای CSS در سند ظاهر می شود. می توانید انتخابگرهایی را که می خواهید به آنها پیمایش کنید جستجو و انتخاب کنید.

این یک راه راحت‌تر برای جستجوی یک بلوک کد نسبت به استفاده از معمولی است پیدا کردن ویژگی.

خزیدن فایل

7. غلط گیر املا

من اغلب در یک ویرایشگر کد می نویسم و ​​اغلب اشتباهات املایی می کنم. اگر شما هم مثل من هستید، می توانید املای جستجوگر را در Sublime Text به این شکل فعال کنید:

رفتن به تنظیمات > تنظیمات – کاربر در Sublime Text و خط زیر را اضافه کنید:


 "spell_check": true,
 

8. تقویت نوار کناری

این افزونه، SideBarEnhancements، پیشرفت های بزرگی را در نوار کناری Sublime Text به ارمغان می آورد. پس از نصب، بر روی نوار کناری کلیک راست کرده و منوهای اضافی مانند باز کردن در Finder، فایل جدید، پوشه جدید، باز کردن با، و در مرور گر باز کنید.

نکته: بزن به F12 کلید باز کردن فایل در مرورگر

بهبود نوار کناری

9. تم متن Sublime را تغییر دهید

همچنین می‌توانیم کل ظاهر Sublime Text را تغییر دهیم. یکی از موارد مورد علاقه من Theme Soda نام دارد که از طریق Package Control قابل نصب است.

تم سودا

اگر تمی که قصد نصب آن را دارید در مخزن Package Control موجود نیست، می توانید آن را به صورت دستی نصب کنید:

  1. بسته تم را دانلود و از حالت فشرده خارج کنید.
  2. رفتن به اولویت ها > مرور بسته ها…
  3. پوشه تم را در بسته ها پوشه
  4. سپس برو به اولویت ها > تنظیمات – کاربر، و خط زیر را برای فعال کردن تم اضافه کنید:

 "theme": "Soda Light.sublime-theme"
 

10. نماد متن Sublime را تغییر دهید

علاوه بر تغییر تم، می توانید نماد را نیز تغییر دهید. بسیاری از نمادهای Sublime Text با طراحی زیبا در Dribbble موجود است. در اینجا نحوه تغییر نماد آمده است:

  1. یکی از آیکون ها را از Dribbble دانلود کنید. مطمئن شوید که نماد وارد می شود .icns فرمت کنید یا ابتدا آن را با این ابزار تبدیل کنید: iConvert.
  2. دستور زیر را در ترمینال اجرا کنید:
open /Applications/Sublime\ Text.app/Contents/Resources/

3. جایگزین کنید Sublime Text 3.icns یا Sublime Text 2.icns فایل با فایلی که دانلود کردید

نماد متن عالی

11. تنظیمات همگام سازی

اگر روی چندین رایانه کار می‌کنید، ممکن است بخواهید همان تنظیمات را برای Sublime Text در این رایانه‌ها نگه دارید و اعمال کنید. ما می توانیم این را با کمک Dropbox (و یک تغییر کوچک) تنظیم کنیم.

ابتدا دستور زیر را در ترمینال اجرا کنید:


 mkdir $HOME/Dropbox/sublime-text-3/
 mv "$HOME/Library/Application Support/Sublime Text 3/Packages" "$HOME/Dropbox/sublime-text-3/"
 mv "$HOME/Library/Application Support/Sublime Text 3/Installed Packages" "$HOME/Dropbox/sublime-text-3/"
 

سپس، این دستور را در ترمینال روی هر رایانه دیگری که می‌خواهید با تنظیماتی که در Dropbox قرار داده‌ایم همگام‌سازی کنید، اجرا کنید:


 DSTPATH="$HOME/Library/Application Support/Sublime Text 3"
 DROPBOX_PATH="$HOME/Dropbox/sublime-text-3"
 rm -rf "$DSTPATH/Installed Packages"
 rm -rf "$DSTPATH/Packages"
 mkdir -p "$DSTPATH"
 ln -s "$DROPBOX_PATH/Packages" "$DSTPATH/Packages"
 ln -s "$DROPBOX_PATH/Installed Packages" "$DSTPATH/Installed Packages"
 

با تشکر از xMarekacross برای راهنمایی.

12. URL قابل کلیک

ClickableURLs یک پلاگین کوچک Sublime Text است که وقتی تعداد زیادی URL در کدهای خود پیدا می کنید بسیار مفید است. URL ها را قابل کلیک می کند.

بیشتر

من در مورد چیزهای دیگری نوشته ام که می توانید با Sublime Text انجام دهید، از جمله:

منبع: https://www.hongkiat.com/blog/sublime-text-tips/