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

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

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

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

همچنین بخوانید: نحوه شناسایی خطای کد در متن Sublime

1. انتخاب

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

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

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

2. مرتب سازی CSS

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

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

3. پالت فرمان

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

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

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

درج قطعه کد

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

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

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

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

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

6. خزیدن فایل

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

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

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

من اغلب در یک ویرایشگر کد می نویسم و \u200b\u200bاغلب اشتباهات املایی می کنم. اگر شما هم مثل من هستید، می توانید املای جستجوگر را در 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 انجام دهید، از جمله: