آموزش کار با ویرایشگر Sublime Text + بررسی مزایا و معایب آن


نویسنده:
دسته‌ها: مقالات آموزشی، مگ
چهارشنبه ۲۵ دی ۱۳۹۸
۱۰۱ بازدید
آموزش کار با ویرایشگر Sublime Text + بررسی مزایا و معایب آن

سابلایم تکست (sublime text) یک ویرایشگر متنی می‌باشد که از زبان‌های برنامه‌نویسی و نشانه‌گذاری پشتیبانی می‌کند. اگر به دنبال یک ویرایشگر ساده و درعین حال سریع و انعطاف‌پذیر در طراحی‌ وب هستید، کار با ویرایشگر Sublime Text می‌تواند گزینه مناسبی برای شما باشد.

SublimeText یک نرم افزار غیر رایگان می‌باشد که می‌توانید لایسنس آن را خریداری کنید و آن را سفارش‌سازی کنید، با این حال کاربران می‌توانند در شروع کار با این نرم افزار، تا مدت‌ها و بدون محدودیت زمانی از آن استفاده کرده و قابلیت‌های آن را آزمایش کنند. آخرین نسخه‌ی این نرم افزار Sublime Text 3.2 می‌باشد که امکانات زیادی را برای شما فراهم می‌کند.

در این مقاله قصد داریم کار با Sublime Text را آموزش دهیم. شما همراهان عزیز می‌توانید سایر ویرایشگر‌های کد را در مقاله‌ی زیر بشناسید.

بهترین ویرایشگرهای کد در طراحی وب

قابلیت‌های SublimeText

این ویرایشگر معروف یک نرم‌افزار (چند سکویی) Cross Platform است که به این معنی می‌باشد که در سیستم عامل‌های لینوکس، مک و ویندوز و… قابل اجراست. از قابلیت‌های این ویرایشگر می‌توان به موارد زیر اشاره کرد:

  • حجم کم نرم‌افزار که حدودا ۲۰-۴۰ مگ می‌باشد و سرعت بالای آن
  • استفاده از package manager برای راحتی در نصب و حذف و مدیریت پکیج‌ها
  • قابل توسعه توسط پکیج‌های مختلف
  • کلید‌های میانبر بسیار کارا
  • قابلیت ویرایش چندین خط بصورت همزمان بااستفاده از کلید Ctrl
  • وجود snippetهای پیش‌فرض و همچنین قابلیت ساخت snippetهای شخصی‌

یک ضعف بزرگ SublimeText!

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

کار با Sublime Text

Package Control چیست؟

زمانی‌که ما ویرایشگر Sublime Text را نصب می‌کنیم، این ویرایشگر کاملا ساده و خام می‌باشد. ما می‌توانیم با نصب کردن پکیج‌های مورد نیاز خود بر روی این ویرایشگر، آن را ارتقا دهیم. برای این‌کار، ابتدا از پکیج مدیریت بسته‌ها به نام Package Control استفاده می‌‌کنیم. این پکیج باعث می‌شود نصب، حذف و مدیریت پکیج‌های دیگر به راحتی انجام شود.

کار با Sublime Text

روش‌های نصب Package Control در Sublime

طبق وب‌سایت منبع Package Control، دو راه مفید برای نصب پکیج کنترل وجود دارد که ما در ادمین سایت هر دو راه را بررسی می‌کنیم و پیشنهاد می‌کنم راه اول که ساده‌تر است را امتحان کنید:

روش اول

از منوی بالای صفحه بخش tools را باز کنید و روی گزینه‌ی install package control‌ کلیک کنید. (ممکن است در بعضی از ورژن‌ها این گزینه در منوی Preferences باشد.) به این ترتیب این پکیج دانلود و نصب خواهد شد.

روش دوم

اگر موفق به نصب از طریق روش اول نشدید بهتر است در Sublime text کلید‌های ترکیبی ctrl + shift + p را فشار دهید. در این command عبارت Install Package Control را تایپ کنید سپس enter‌ را بزنید.

پکیج‌های معروف SublimeText

نصب این پکیج‌ها باعث می‌شوند کدنویسی برای شما راحت‌تر شود و امکانات پرکاربردی به محیط ویرایشگر شما اضافه می‌کند.
می‌توانید برای نصب پکیج موردنظرتان، از نوار بالای ویرایشگر sublime Text از بخش Preferences روی گزینه package control کلیک کرده یا با فشار دادن کلید ctrl + shift + p صفحه جدیدی باز کنید، سپس گزینه install package را انتخاب کنید. بعد از باز شدن صفحه جدید، نام پکیج را نوشته و روی گزینه موردنظر کلیک کنید. خوب است بعد از نصب پکیج یک‌بار برنامه را بسته وسپس باز کنید.

Color Picker

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

کار با Sublime Text

Bracket Highlighter

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

Emmet

Emmet یک ابزار برای توسعه‌دهندگان وب است که می‌تواند سرعت نوشتن کد‌های HTML و CSS را تا حد بسیار زیادی افزایش دهد.

Emmet چیست؟

Emmet چیست؟ چگونه کدهای HTML و CSS را سریع‌تر بنویسیم؟

Alignment

این پکیج باعث می‌شود کدهای پروژه شما مرتب و هم‌تراز شود. برای استفاده از این قابلیت کافیست کدهای موردنظر خود را انتخاب کرده و کلید ترکیبی ctrl + alt + a را فشار دهید.

Sidebar Enhancements

پکیج Sidebar Enhancements این امکان را به شما می‌دهد که در منوی کناری ویرایشگر SublimeText، با راست‌ کلیک‌ کردن بر روی فایل‌ها، دسترسی‌ها و گزینه‌های بیشتری را در اختیار داشته باشید.

آموزش کار با Sublime Text

از دیگر پکیج‌های Sublime Text می‌توان به موارد زیر اشاره کرد:

  • Snippets
  • CSS Comb
  • Color Highlighter
  • Gutter Color
  • Auto File Name
  • JavaScript & Node JS
  • Snippets
  • Git
  • Git Gutter
  • Minify
  • Sublime Linter
  • php fmt

برای آشنایی با پکیج‌های بیشتر می‌توانید به سایت اصلی packagecontrol مراجعه کنید.

قالب‌بندی و ظاهر Sublime Text

قالب‌های زیبا و جذابی برای ظاهر Sublime Text وجود دارد که شما می‌توانید به سلیقه خود آن‌ها را انتخاب ونصب نمایید، بدین‌ترتیب می‌توانید ظاهر ویرایشگر خود را تغییر دهید.

Soda theme

این تم در دو نوع تیره و روشن دردسترس است:

کار با Sublime Text
Soda theme

Boxy theme

در این تم می توانید اندازه ها، فونت ها، آیکون ها و زمینه های مختلف را تنظیم کنید.

کار با Sublime Text

شما کاربران گرامی می‌توانید تم‌های موردنظر خود را از طریق گوگل و یا سایت اصلی انتخاب کرده و درمسیر Package Control نصب نمایید. بعد از نصب، از قسمت منوی بالا گزینه Preferences و سپس theme را انتخاب کرده و در صفحه باز شده با انتخاب هرکدام از گزینه‌ها می‌توانید مشاهده کنید که ظاهر ویرایشگر تغییر می‌کند.

کلیدهای میانبر در Sublime Text

کامنت کردن خط موردنظر/ + ctrl
از کدهای خط موردنظر کپی گرفته و زیر آن قرار می‌دهدctrl + shift + D
ویرایش هم‌زمان alt +F3 یا ctrl+ کلیک کردن
جابه‌جا کردن محتواctrl + shift
بازگردانی کار انجام شده Ctrl + Z
انجام دوباره کار انجام شده Ctrl + Y
بولد کردن متن Ctrl + B
با هر بار فشار دادن کلیدهای جهت نما یک کاراکتر انتخاب خواهد شد Shift + Left or Right Arrow Keys
با فشار دادن این کلید کادر جستجو متن باز خواهد شد Ctrl + F
ذخیره کردن متن Ctrl + S
تمام متن از محل قرارگیری مکان نما تا ابتدای متن انتخاب می شود. Shift + Ctrl + Home
مکان نما را به ابتدا کلمه قبلی منتقل می کند. Ctrl + Left Arrow
مکان نما را به آغاز کلمه بعدی منتقل می کند. Ctrl + Right Arrow

مطالب زیر را حتما بخوانید

۱۵ روش رایگان برای افزایش بازدید سایت

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

بهترین‌ فریمورک‌های CSS را بشناسید

زبان برنامه‌نویسی CSS در طراحی وب، زبانی است که تعیین می‌کند چگونه عناصر HTML درکنارهم، درون یک صفحه وب نمایش...

تغییر سایز تصاویر شاخص در وردپرس با افزونه Regenerate Thumbnails

برای تغییر سایز تصاویر شاخص یا بازسازی تصاویر وردپرس از افزونه Regenerate Thumbnails کمک بگیرید. بررسی + تنظیمات افزونه در...

بررسی تفاوت مفسر و کامپایلر در برنامه نویسی

در این مقاله به معرفی زبان های مفسری و کامپایلری می‌پردازیم سپس تفاوت مفسر و کامپایلر را بررسی می‌کنیم.

بهترین زبان برنامه نویسی برای طراحی سایت چیست؟

بهترین زبان برنامه نویسی برای طراحی سایت چیست؟ سؤالی که هر شخص علاقه‌مند به توسعه وب در شروع کار با...

ساخت فرم ورود و پروفایل کاربری در وردپرس با افزونه‌ user registration (بخش دوم)

ساخت فرم ورود در وردپرس با کمک افزونه‌ی قدرتمند user registration بدون نیاز به کد نویسی امکان پذیر است. در...

دیدگاهتان را بنویسید

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *