خرید قالب این سایت

معرفی نرم افزار sublime-text
در این نوشته از وبسایت یاور در خدمت شما هستیم با معرفی و آموزش نرم افزار برنامه نویسی sublime text که جدا از ویژگیهای کاربردی که برای شما خواهد داشت جذابیت خاصی به کدها میدهد که شاید برای شما هم مثل من جالب باشه : ) .

ویژگی ها:

پالت دستورات

کلید میانبر: ctrl + shift + p
این پالت به شما این امکان را می دهد که تقریبا به تمامی تنظیمات سابلیم دستری داشته باشید، اجرای فرامین پکیج ها، تغییر سینتکس (زبان) تب فعلی، کنترل پروژه های سابلیم و بسیار بسیار چیز دیگر
برای مثال می توانید سینتکس نمایش فایل فعلی در را تغییر دهید.

معرفی و آموزش نرم افزار برنامه نویسی sublime text

 File Switching:

کلید میانبر: ctrl + p
سابلیم روشی واقعا سریع برای دستیابی به فایل در اختیار شما قرار می دهد، دیگر نیازی به اسکرول میان فولدر ها یا نوار جانبی برنامه نداری تنها کلید ctrl + p را بفشارید و بخشی از نام فایل خود را وارد کنید، سابلیم خود لیستی از تمامی فایل های موجود در دایرکتوری باز شده را به شما نمایش می دهد و شما با وارد کردن بخشی از نام فایل مورد نطر می توانید آن را انتخاب کنید.

معرفی و آموزش نرم افزار برنامه نویسی sublime text

Goto Symbols:

کلید میانبر: ctrl + r
وقتی شما حجم زیادی از توابع را درون یک فایل دارید، پیدا کردن یک تابع کار دشواری به نظر می رسد، یا نیازمند استفاده از جست جوی برنامه است ولی سابلیم راه ساده تری برای این کار دارد. تنها کافی است ctrl + r را بفشارید و نام تابع خود را بنویسید، سابلیم لیستی از توابع متناسب درون فایل را نمایش می دهد.

معرفی و آموزش نرم افزار برنامه نویسی sublime text

Multi-Edit:

کلید میانبر: ctrl + click
به نظر نویسنده منبع اول، این ویژگی بهترین ویژگی سابلیم است.
اگر معتاد استفاده از این ویژگی شوید دیگر تغییر ویرایشگر برای شما کمی سخت خواهد بود. این ویژگی به شما این امکان را میدهد تا بخش های مختلف کد را یک جا تغییر دهید، کنترل را نگه دارید و مکان های مورد نظر کلیک کرده و شروع به نوشتن کنید. برای استفاده از این ویژگی چند راه دیگر نیز وجود دارد:

  • command + ctrl + g: انتخاب تمام تکرار های کمله حاضر (در مکینتاش)
  • ctrl + shift + l: با انتخاب چند سطر و فشردن این میانبر میتوانید تمام سطر های انتخاب شده را یکجا تغییر دهید.
  • ctrl + d: انتخاب کلمه فعلی و کلمات مشابه بعدی در دفعات بعد
  • ctrl + click: هر مکانی که کلیک کنید اشاره گری برای تغییر دسته جمعی ایجاد می شود
  • ctrl + shift + f و alt + enter : پیدا کردن یک لغت در فایل و انتخاب تمام تکرار های آن

معرفی و آموزش نرم افزار برنامه نویسی sublime text

Snippets:

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

معرفی و آموزش نرم افزار برنامه نویسی sublime text معرفی و آموزش نرم افزار برنامه نویسی sublime text

ساخت اسنیپت جدید

معرفی و آموزش نرم افزار برنامه نویسی sublime text

برای ساخت یک اسنیپت جدید منوی Tools > New Snippet را انتخاب کنید، فایلی جدید با محتوایی مشابه کد زیر باز می شود که در شالوده اصلی یک اسنیپت است.

<snippet>
	<content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
	<! -- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<! -- <tabTrigger>hello</tabTrigger> -->
	<! -- Optional: Set a scope to limit where the snippet will trigger -->
	<! -- <scope>source.python</scope> -->
</snippet>

آنچه درون کد <content><![CDATA[ و ]]></content> نوشته می شود همان کد مورد نظر ماست که می خواهیم آن را سریع تر وارد کنیم، درون این کد می توانیم متغییر هایی تعریف کنیم، این متغییر ها مکان هایی هستن که پس از الحاق این محتوا به فایل ما ممکن است تغییر کنند، برای مثال در کد زیر که نمونه اسنیپتی برای ساخت یک تابع در PHP است، نام تابع می تواند متغییر باشد.

<snippet>
	<content><![CDATA[
function $1() {

}
]]></content>
	<! -- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>php_func</tabTrigger>
	<! -- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.php</scope>
</snippet>

همانطور که می بینید متغییر های درون اسنیپت ها با $ مشخص می شوند و عدد جلوی آنها مشخص کننده شماره متغییر است، این شماره ها به به نوعی ترتیب وارد کردن مقدار این متغییر های می باشد، زیرا هنگامی که سابلیم این اسنیپت را برای شما ایجاد می کنید شما با فشردن کلید tab، می توانید اشاره گر متن را به ترتیب میان این متغییر ها بچرخانید. همچنین می توانید مقدار پیش فرضی برای متغییر های در نظر بگیرید، برای نمونه در مثال فوق می توان بجای $1 عبارت ${1:name} را نوشت که در آن name مقدار پیش فرض متغییر است.

همچنین درون این اسنیپت دو تگ اختیاری دیگر نیز وجود دارد که می توانید آن ها را نیز تکمیل کنید، تگ اول tabTrigger است، که مشخص کننده عبارت کلیدی برای اسنیپت شماست که پس از دخیره اسنیپت می توانید با وارد کردن آن در فایل مورد نظر و فشردن کلید tab اسنیپت خود را فراخوانی کنید و محتوای اصلی اسنیپت را جای گزین این کلید کنید.
تگ دوم هم scope است که مشخص می کند اسنیپت شما درون کدام فایل ها قابل اجراست، اگر مقدار این تگ وارد نشود اسنیپت درون تمامی فایل ها قابل دسترس است، در نمونه نوشته شده در فوق اسنیپت تنها درون فایل هایی که سینتکس php دارند در دسترس است.

پس از تکمیل فایل اسنیپت آن را با پسوند .sublime-snippet ذخیره کنید. (سابلیم خود بطور پیش فرض هنگام باز کردن پنجره ذخیره شما را به فولدر مخصوص اسنیپت ها میبرد.

همچنین برای آموزش ساخت اسنیپت می توانید به لینک مقابل سر بزنید: نحوه ساخت اسنیپت برای سابلیم

کلید های میانبر(Keyboard Shortcuts)

کلید های میانبر موجود در سابلیم یکی دیگر از نکات قوت این ویرایشگر هستند.
در اینجا می توانید لیست کاملی از میانبر های سابلیم مشاهده کنید: keyboard shortcuts article
همچنین درصورتی که این میانبر‌ها جوابگوی نیازهای شما نیستند می‌توانید میانبر‌های خود را بسازید. ساخت میانبر‌های در سابلیم بسیار ساده است، فرض کنید قصد ایجاد میانبری برای ذخیره تمامی تب‌های فعال دارید، برای این کار از منوی Preferences گزینه Key Bindings - User را انتخاب کرده و در تب باز شده عبارت زیر را اضافه کنید.

{ "keys": ["ctrl+alt+shift+s"], "command": "save_all" }

ctrl+alt+shift+s کلید میانبر و save_all نام اکشنی است که با این کلید میانبر اجرا می‌شود.

Projects

پروژه مشخص کننده بخش کاری شما در سابلیم است، دایرکتوری های درون یک پروژه در نوار جانبی سابلیم لیست می شوند و شما به راحتی می توانید به فایل ها مختلف دسترسی داشته باشید. با استفاده از پروژه های دیگر نیاز نخواهید داشت تا با مرورگرهای فایل خود پروژه را پیدا کرده و آن را به سابلیم درگ کنید تا محتویات آن را ویرایش کنید.
برای دخیره یک پروژه: در پالت فرمان دستور save project را تایپ کنید.
سوئیچ میان پروژه ها: alt + ctrl + p

معرفی و آموزش نرم افزار برنامه نویسی sublime text

پکیج ها/ پلاگین ها

 Package Control

یک پکیج منیجر کاملا لازم برای سابلیم. نصب این مدیر پکیج بهترین راه برای نصب پلاگین ها و پکیج های سابلیم است، با نصب و استفاده از این پکیج به راحتی می توانید پکیج ها و پلاگین های مورد نظر موجود در ریپوزیتوری خود سابلیم را نصب کنید.
برای نصب پکیج کنترل سری به سایت Package Control بزنید. در زیر راه ساده نصب این پکیج را می بینیم ولی در صورت بروز هر گونه خطا به راهنمای نصب خود سایت مراجعه کنید.
ابتدا از منوی View گزینه Show Console را انتخاب کنید۷ سپس بسته با ورژن سابلیم خود یکی از کد های زیر را درون کنسول کپی کنید و enter را بفشارید.

برای SublimeText3

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

برای SublimeText2

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

پس از نصب برای استفاده از آن درون پالت فرامین (ctrl + shift + p) عبارت install را بنویسید.
پکیج کنترل تمامی پکیج های موجود درون ریپوزیتوری را لود کرده و به شما نمایش می دهد با انتخاب هر کدام براحتی می توانید آن را نصب کنید.

Alignment

یک پلاگین ساده و کاربردی برای مرتب سازی کدها، شکل ظاهری کدها همواره یکی از مواردی است که تمامی برنامه نویسان به آن اهمیت بسیاری می دهند، برای استفاده از این پلاگین ساده تنها کدهای خود را انتخاب کنید و سپس میانبر ctrl + alt + a را بفشارید.
برای سیستم عامل مک از میانبر ctrl + comand + a استفاده کنید.

معرفی و آموزش نرم افزار برنامه نویسی sublime text

معرفی و آموزش نرم افزار برنامه نویسی sublime text

 BracketHighlighter

این پلاگین بسته به موقعیت اشاره گر متن ابتدا و انتهای انواع مختلف براکت را نشان می دهد.

معرفی و آموزش نرم افزار برنامه نویسی sublime text

Colorpicker

انتخاب رنگ ها با استفاده از انتخاب کننده رنگ پیش فرض خود سیستم عامل.

معرفی و آموزش نرم افزار برنامه نویسی sublime text

Emmet

Emmet ابزاری است که بی شک سرعت کد نویسی شما را بالا می برد. شما می توانید کد های html خود را با سرعت هر چه تمام تر ایجاد کنید.
برای استفاده میانبر ctrl + alt + enter را بزنید و کد اِمت خود را بنویسید، با بسیار ساده تر درون فایل خود کد اِمت خود را بنویسید و کلید tab را بفشارید.

معرفی و آموزش نرم افزار برنامه نویسی sublime text

معرفی و آموزش نرم افزار برنامه نویسی sublime text

مستندات این ابزار را بخوانید و نگاهی به تکنیک های آن بیاندازید تا کاملا معتاد Emmet شوید.

Git

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

SidebarEnhancements

وقتی روی نوار جانبی سابلیم کلیک راست می کنید تنها گزینه های محدودی وجود دارند، این پلاگین انتخاب های بسیاری به این منو می افزاید و دست شما را برای انجام تغییرات باز تر می کند

معرفی و آموزش نرم افزار برنامه نویسی sublime text معرفی و آموزش نرم افزار برنامه نویسی sublime text

قالب ها/ تم ها

قالب های بسیار جذابی برای سابلیم وجود دارد که شما به راحتی می توانید با پکیج کنترل آن ها را نصب کنید.
قالب مورد نظر خود را با پکیج کنترل نصب کنید و سپس در بخش User Settings آن را فعال کنید. ( توجه کنید که برای اعمال تغییرات می بایست سابلیم را بسته و دوباره باز کنید)

// User/Preferences.sublime-settings { "theme": "Soda Light.sublime-theme" }

برخی از تم های محبوب:

Theme – Soda

که در دو نوع روشن و تیره در دسترس است:
معرفی و آموزش نرم افزار برنامه نویسی sublime text

معرفی و آموزش نرم افزار برنامه نویسی sublime text

sublime-flatland

معرفی و آموزش نرم افزار برنامه نویسی sublime text

قالب های بیشتر

اینجا مطلبی بسیار عالی با عنوان Beautiful Themes for Sublime Text 3 توسط Abu Ashraf Masnun نوشته شده که قالب ها بسیار جذابی را معرفی کرده است.

Color Schemes

علاوه بر تغییر قالب سابلیم شما می توانید رنگ بندی را نیز تغییر دهید، زیرا رنگ بندی چیزی مجزا از قالب ها است.
برای تغییر رنگ بندی به منوهای Preferences > Color Scheme رفته و یکی را انتخاب کنید.
مشاهده می کنید که تغییرات آنن اعمال می شوند، برای مشاهده لیستی از رنگ بندی های عالی می توانید موجود در دو لینک زیر سر بزنید.
Dayle Rees’s colour schemescolor sublime

تنظیمات

بخش تنظیمات سابلیم بطور دیوانه وار وسیع است و البته بسیار جالب، در سابلیم خبری از دکمه ها و فیلد ها و گزینه های مختلف برای تنظیم وجود ندارد، انچه شما در اختیار دارید یک فایل متنی است، شما می توانید تمامی تنظیمات خود را درون آن بنویسید.
برای دسترسی به تنظیمات کاربری در پالت فرمان (ctrl + shift + p) عبارت user را وارد کنید.
در زیر نمونه یک تنظیمات برای سابلیم آمده است.

// User/Preferences.sublime-settings
{
	"bold_folder_labels": true,
	"color_scheme": "Packages/Theme - Flatland/Flatland Monokai.tmTheme",
	"font_face": "Ubuntu Mono",
	"font_options": "subpixel_antialias",
	"font_size": 14,
	"highlight_line": true,
	"highlight_modified_tabs": true,
	"ignored_packages":
	[
	],
	"line_padding_bottom": 1,
	"line_padding_top": 1,
	"rulers":
	[
		80
	],
	"scroll_past_end": true,
	"tab_size": 4,
	"tab_completion": false,
	"theme": "Soda Light.sublime-theme",
	"translate_tabs_to_spaces": true,
	"trim_trailing_white_space_on_save": true,
	"vintage_start_in_command_mode": true,
	"word_wrap": true
}

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

[ yawar ]

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

مطالب مرتبط

ارسال نظر

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

2 دیدگاه

  • نصر گفت:

    باسلام میخواستم ببینم نتیجه کدنویسی رو چگونه میتوان دید؟ آیا ابزار ONline دارد؟ من نسخه از این نرم افزار را نصب کرده بودم که صفحه به چهار قسمت تقسیم شده بود که در یک قسمت نتیجه اجرای کد بصورت آنلاین نمایش داده میشد. لطفا راهنمایی فرمایید

    • yawar گفت:

      سلام دوست عزیز
      تا بحال نمایش لایو کد رو تو sublime تجربه نکردم چون معمولا ازین نرم افزار برای کدنویسی استفاده میشه و برای تست نتیجه از مرورگر استفاده میکنن اما احتمالا با ابزاری که اینجا ارائه میشه بتونید به هدفتون برسید: http://livestyle.io
      آموزشهای مربوط به اونو در آینده در سایت قرار خواهیم داد.