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


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

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

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

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

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

قابلیت‌های Sublime Text

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

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

یک ضعف بزرگ Sublime Text!

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

کار با 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‌ را بزنید.

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

نصب این پکیج‌ها باعث می‌شود کدنویسی برای شما راحت‌تر شده و امکانات پرکاربردی به محیط ویرایشگر شما اضافه می‌کند.
می‌توانید برای نصب پکیج موردنظرتان از نوار بالای ویرایشگرِ 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 این امکان را به شما می‌دهد که در منوی کناریِ ویرایشگر Sublime Text با راست‌ کلیک‌ کردن بر روی فایل‌ها، دسترسی‌ها و گزینه‌های بیشتری را در اختیار داشته باشید.

آموزش کار با 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

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

بهترین ابزارهای آنالیز بک‌لینک سایت به صورت رایگان، پیش به سوی رصد بک‌لینک‌ها !

عدم نظارت شما در بک‌لینک‌های دریافتی ممکن است اعتبار وب‌سایت شما را به خطر بیاندازد. در این مقاله ابزارهای آنالیز...

لوکال هاست چیست؟ نحوه‌ی راه‌اندازی هاست مجازی

لوکال‌ هاست (localhost) یک فضای محلی در کامپیوتر شخصی می‌باشد که فضایی مانند هاست یا یک سرور واقعی را برای...

نمایش پربازدیدترین مطالب وردپرس با افزونه WordPress Popular Posts

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

13 ابزار کاربردی برای طراحی وب

در این مقاله 13 ابزار کاربردی طراحی وب را معرفی می‌کنیم که کار طراحی وبسایت را بسیار لذت بخش‌تر و...

دوره آموزش افزونه EDD

دوره آموزش افزونه EDD

اگر قصد ساخت یک فروشگاه آنلاین برای فروش انواع فایل‌های قابل دانلود ...

آموزش افزایش سرعت سایت

دوره آموزش افزایش سرعت وب‌سایت

مرورگر را باز می‌کنید و آدرس سایتتان را وارد می‌کنید. مرورگر شروع ...

دوره آموزش وردپرس فارسی

دوره آموزش وردپرس فارسی

در پکیج آموزش وردپرس فارسی یاد می‌گیرید که چطور از صفر و ...

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

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

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