بستن

info@behinwebdesign.com

توسط

آموزش طراحی وب سایت : ویرایشگر سبک و سریع Sublime text – قسمت ششم

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

از 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

کد :

نکته :

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

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

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

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

———————————————————————-
نکته : اگر بغیر از طراحی UI ، برنامه نویسی هم میکنید من ادیتور Phpdtorm را هم پیشنهاد میکنم
The following two tabs change content below.
کارشناس رشته مهندسی نرم افزار، فعال در حوزه طراحی وب، افزایش رتبه سایت در گوگل و بازاریابی
READ  آموزش فریمورک بوتسترپ برای طراحی سایت – قسمت اول

پاسخ دهید

ایمیل شما نمایش داده نخواهد شد. فیلدهای با علامت * ضروری هستند

با وب سایتی مناسب تحولی بزرگ در کسب و کار خود ایجاد نمایید.