آموزش کار با ویرایشگر سبک و سریع Sublime text برای کد نویسی :

1

sublimeدر این چند سال طراحی وب ادیتور های زیادی را استفاده کردم که در نهایت

از sublime Text خوشم اومد ،نحوه نصب افزونه های کاربردی و کلید های میانبر را در این ادیتور مرور میکنیم:

ابتدا در این ویرایشگر Package Control را فعال میکنیم تا بتوانیم افزونه نصب کنیم و وادیتور کاربردی تری داشته باشیم :

 

روش اول نصب افزونه  به کمک اینترنت :

وارد لینک زیر شوید :

http://sublime.wbond.net/installation#st3

حال از منوی Preference گزینه Package control را انتخاب و سپس Install Package را لنتخاب یکنیم

کافی است نام هر افزونه را نوشته و کلید Enter را بزنیم :

روش دوم بدون نیاز به اتصال به اینترنت :

باید پکیج  هر افزونه را از سایت خودش دانلود کنیم مثلا برای افزونه Emmet از سایت زیر فایل پکیج آن که مخصوص sublimetext هست را دانلود میکنیم

http://emmet.io/download/

سپس از طریق منوی Preference گزینه Browse را انتخاب و آن رال نصب میکنیم

تمامی پکیج ها در مسیر زیر قرار میگیرند

C:\Users\meysam\AppData\Roaming\Sublime Text 2\Packages

 

کلید های میانبر مهم ویاریشگر SublimeText2 :

 

Ctrl +/  کامنت میکند

Ctrl + Space   ادامه دستورات را نشان میدهد

Ctrl + shift + d   از یک خط کپی میگرد و زیرش قرار میدهد

Tab   هفت فاصله به جلو

Shift + Tab    هفت فاصله به عقب

—————————-

نحوه مرتب سازی کدها :

Edit>>Line>>Reindent    برای مرتب سازی کد

نحوه تعریف کلید میانبر برای مرتب سازی از مسیر زیر کد را وارد کنید

Preferences – Keybindings-User

کد :

[

{ "keys": ["f12"], "command": "reindent"}

]

 

 

———————————————————————-

نکته :

از منوی view گزینه sidebar را بزنیم میتوانیم فلدر پروژه را از طریق file/open folder  انتخاب کنیم

و راحت تر به فایهای پروژه دسترسی داشته باشیم .

———————————————————————-

 

جلسه بعدی نحوه کار با افزونه Emmet در این ادیتور و نیز روش های خلاصه نویسی در css میپردازیم

 

نکته : مشکل نوشتن فارسی در این ادیتور قرار است در نسخه 3 نهایی برطرف بشه

اما از پلاگین زیر در نسخه 2 این برنامه میتوانید استفاده کنید

———————————————————————-
نکته : اگر بغیر از طراحی UI ، برنامه نویسی هم میکنید من ادیتور Phpdtorm را هم پیشنهاد میکنم
ممکن است شما دوست داشته باشید
1 نظر
  1. hami می گوید

    ممنون آموزش خوبی بود

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.