آموزش کار با ویرایشگر سبک و سریع 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 می گوید

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

    ارسال یک پاسخ

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

    این سایت توسط reCAPTCHA و گوگل محافظت می‌شود حریم خصوصی و شرایط استفاده از خدمات اعمال.

    The reCAPTCHA verification period has expired. Please reload the page.