یادیفای
یادیفای
خواندن ۱۱ دقیقه·۶ سال پیش

کامل‌ترین آموزش Sublime Text 3 (ویدئویی و کاملا رایگان)

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

کامل ترین آموزش Sublime Text 3

حتما به عنوان یک برنامه نویس یا طراح وب برای شما هم پیش آمده است که درگیر انتخاب یک IDE یا Text Editor مناسب کار خود شوید. اگر درباره‌ی فرق بین IDE و Text Editor ها چیزی نمیدانید، پیشنهاد میکنم مقاله تفاوت IDE و Text Editor – مزایا و معایب هرکدام چیست؟ را حتما مطالعه کنید. بسیار برای شما مفید خواهد بود.

در این مقاله و فیلم ها‌، کامل ترین آموزش Sublime Text 3 که به زبان فارسی موجود است را ارائه میکنیم. این آموزش به شما کمک میکند که سابلایم را به خوبی بشناسید و با مزایا و معایب آن آشنا شوید، کار با Sublime Text 3 را شروع کنید، و یاد بگیرید که چطور میتوانید آن‌را برای خودتان بهینه کنید.

https://www.aparat.com/v/1fkws

Sublime چیست؟ معرفی Sublime Text 3

Sublime Text یک ویرایشگر متن یا Text Editor غیر رایگان است که به شما کمک میکند که کد نویسی بسیار لذت بخش تر و سریع تری داشته باشید. آخرین نسخه‌ی این نرم افزار Sublime Text 3 می‌باشد که امکانات بسیار زیادی را در اختیار شما قرار میدهد.

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

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

در ادامه بصورت کامل با آموزش Sublime Text 3 در خدمت شما هستم.

چرا باید از Sublime Text 3 استفاده کنیم؟

سوال بسیار خوبی است. چرا باید از Sublime Text استفاده کنیم و سوال مهم تر اینکه چرا باید آموزش Sublime Text 3 را مطالعه و مشاهده کنیم. اگر مقاله‌ی تفاوت IDE و Text Editor – مزایا و معایب هرکدام چیست؟ را مطالعه کرده باشید، متوجه این موضوع شده‌اید که IDE ها برای اجرا به زمان و منابع سیستم زیادی دارند. به این دلیل که تمام امکانات پیشفرض درون آن‌ها گنجانده شده است. که ممکن است که شما به تعداد زیادی از این امکانات نیازی نداشته باشید.

اما یک خوبی Text Editor ها این است که بصورت پیشفرض و بعد از نصب، کاملا خام هستند. که شما میتوانید با نصب پلاگین/پکیج هایی که نیاز دارید، امکانات مختلف را به آن‌ها اضافه کنید و آن Text Editor را برای خودتان کاملا شخصی سازی و بهینه کنید.

برای مثال اگر شما بخواهید با Sublime Text 3 اقدام به برنامه نویسی برای زبان PHP کنید، به طور پیشفرض Sublime Text پشتیبانی خوبی از این زبان ندارد. اما شما میتوانید با نصب پکیج های مختلف، پشتیبانی از PHP را به Sublime Text خود اضافه کنید.در ادامه‌ی آموزش Sublime Text 3 بهترین پکیج های این Text Editor فوق العاده رو به شما معرفی میکنیم.

یک ایراد بزرگ در Sublime Text

Sublime Text 3 در کنار تمام ویژگی های مثبتی که دارد، یک ویژگی ای دارد که ممکن است زیاد برای ما کاربران فارسی زبان خوشایند نباشد، Sublime Text 3 از زبان فارسی و کاراکترهای آن پشتیبانی نمی‌کند.

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

عکس زبان فارسی در سابلایم

اما اگر برای شما مهم است، باید به دنبال جایگزین هایی برای Sublime Text 3 باشید که از زبان فارسی پشتیبانی میکنند. در آینده مقاله‌ای در یادیفای منتشر خواهیم کرد و درباره‌ی بهترین Text Editor ها و IDE های دیگر که از زبان فارسی بصورت کامل پشتیبانی میکنند و ممکن است در جاهایی از Sublime Text 3 نیز بهتر باشند، صحبت میکنیم.

شروع به کار با Sublime Text 3

به سراغ شروع آموزش Sublime Text 3 میرویم و میخواهیم کار با این نرم افزار فوق العاده را آغاز کنیم. همانطور که گفتیم Sublime Text یک ادیتور غیر رایگان می باشد. برای شروع کار با این ادیتور نیاز نیست مبلغ خاصی را پرداخت کنید، اما بعد از مدتی، Sublime Text شما را مجبور به وارد کردن لایسنس میکند. شما میتوانید لایسنس Sublime Text 3 به قیمت ۸۰ دلار، یک بار برای همیشه خریداری کنید. اگر نمیتوانید/نمیخواهید این مبلغ را پرداخت کنید، میتوانید از جایگزین های Sublime Text، مثلا Vscode که کاملا رایگان است استفاده کنید که در آینده یک آموزش کامل نیز برای آن ارائه خواهیم داد.

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

به همین دلیل در آموزش Sublime Text 3 درباره‌ی نحوه‌ی کرک کردن یا ... صحبت نمیکنیم.

https://www.aparat.com/v/ACUfT

برای شروع کار با Sublime Text 3، اولین کاری که باید انجام دهیم، دانلود این نرم افزار است. Sublime Text 3 یک نرم افزار Cross Platform می‌باشد. به این معنا که برای تمام سیستم عامل های ویندوز، مک و لینوکس میتوانید نرم افزار آن‌ها را دانلود کنید. برای دانلود میتوانید از راه‌های زیر اقدام کنید:

دانلود از رسمی Sublime Text

دانلود از پی سی دانلود

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

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

در این بخش در آموزش Sublime Text 3 میخواهیم درباره‌ی پکیج های Sublime Text صحبت کنیم و بگوییم که دقیقا چه هستند و چه کاری انجام میدهند؟

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

برای هرکاری که شما بخواهید با Sublime Text انجام دهید، یک پکیج وجود دارد که در گذشته توسط شخصی نوشته شده است که آن قابلیت مدنظر شما را به Sublime Text اضافه کند. در ادامه‌ی آموزش Sublime Text 3 بصورت کامل با این پکیج ها آشنا خواهیم شد.

Package Controll چیست؟ نصب کنید!

https://www.aparat.com/v/AHZTs

یکی از پکیج هایی که کار با Sublime Text را برای شما بسیار راحت میکند و امکان نصب پکیج های دیگر را به سادگی فراهم میکند، پکیجی با نام Package Controll می‌باشد. در این قسمت از آموزش Sublime Text 3 میخواهیم روش نصب Package Controll را بررسی کنیم. برای نصب این پکیج، میتوانید فیلم آموزشی بالا را مشاهده کنید و یا طبق آموزش زیر پیش بروید.

برای نصب Package Controll ساده‌ترین راه را در این قسمت بررسی میکنیم:

  1. نرم افزار Sublime Text 3 را باز کنید
  2. از منوی بالا روی View و سپس روی Show Console کلیک کنید
  3. یک بخشی پایین Sublime Text شما باز میشود، کد زیر را کپی کنید، در آن قسمت Paste کنید و نهایتا کلید Enter را فشار دهید:

برای انتخاب کد به منظور کپی، دوبار روی کد زیر کلیک کنید و بعد از انتخاب شدن تمام متن، آن‌را میتوانید کپی کنید.

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

بعد از اینکه کد زیر را در قسمت مربوطه Paste کردید و Enter را فشار داید، پس از نشان دادن چند خط متن، نصب Package Controll برای شما کامل میشود و الان میتوانید کار حرفه‌ای با Sublime Text را شروع کنید.

تصمیم بگیرید Sublime Text را برای چه کاری میخواهید؟

یکی از مهم ترین تصمیم هایی که شما در استفاده از Sublime Text باید بگیرید این است که Sublime Text را برای چه کاری میخواهید؟ میخواهید برنامه نویسی چه زبانی را با Sublime Text انجام دهید؟

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

برای هرکاری که شما بخواهید با Sublime Text انجام دهید، یک پکیج از قبل نوشته شده است که کار شما را بسیار راحت میکند. در انتهای آموزش Sublime Text 3 بصورت کامل این نرم افزار را برای طراحی و برنامه نویسی وب بهینه میکنیم.

معرفی پکیج‌های بسیار کاربردی Sublime Text

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

پکیج SideBarEnhancements

یکی از پکیج هایی که داشتن آن در Sublime Text میتواند به شما بسیار کمک کند، پکیج SideBarEnhancements به شما کمک میکند که در بخش منوی کنار سابلایم، تنظیمات بسیار پیشرفته‌تری را داشته باشید. در فیلم زیر بصورت کامل روش نصب و کار با این پکیج را مشاهده میکنید:

https://www.aparat.com/v/0cBht

دانلود پکیج SideBarEnhancements

پکیج Emmet

یک پکیج فوق العاده‌ی دیگر که برای Sublime Text نیز وجود دارد و در این قسمت از آموزش Sublime Text 3 میخواهیم آنرا بررسی کنیم، پکیج Emmet می‌باشد. با استفاده از این پکیج شما میتوانید سرعت کدنویسی خود را در HTML و CSS چندین برابر کنید. در فیلم آموزشی زیر بصورت کامل روش نصب و کار با این پکیج را توضیح داده‌ایم:

https://www.aparat.com/v/0ac68

دانلود پکیج Emmet

پکیج BracketHighlighter

پکیج BracketHighlighter زمانی به کمک شما می‌آید که پروژه‌ی شما بزرگ و تعداد خط کدهای آن زیاد شود. این پکیج شما را از سردرگمی نجات میدهد و جز پکیج های بسیار خوب Sublime Text میباشد که آموزش کار با آن را در فیلم زیر میتوانید ببینید:

https://www.aparat.com/v/h8biT

دانلود پکیج BracketHighlighter

پکیج A File Icon

پکیج A File Icon به شما کمک میکند که ایکون های پیشفرض Sublime Text را تغییر دهید که ظاهر زیباتری پیدا کند که در فیلم آموزشی زیر روش کار با آن را یاد میگیریم. همینطور بررسی میکنیم که چطور میتوانیم یک پکیج را حذف کنیم:

https://www.aparat.com/v/dpS4c

دانلود پکیج A File Icon

پکیج Color Picker

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

https://www.aparat.com/v/u1erm

دانلود پکیج Color Picker

آماده سازی Sublime Text برای طراحی وب با HTML, CSS, Javascript و jQuery

در این بخش از آموزش Sublime Text 3 میخواهیم Sublime Text را برای طراحی وب با HTML, CSS, Javascript و jQuery بهینه کنیم. به این معنا که پکیج هایی را روی سابلایم نصب کنیم که برای طراحی و کدنویسی با HTML, CSS, Javascript و jQuery بصورت کامل آماده شود.

https://www.aparat.com/v/vF0Gm

قالب ها در Sublime Text

شاید شکل و ظاهر پیشفرض سابلایم برای شما مناسب نباشد و دوست داشته باشید آن‌را تغییر دهید. این دقیقا کاری است که قالب ها (Themes) در سابلایم برای شما انجام میدهند. شما میتوانید با استفاده از قالب هایی که نصب میکنید،‌ شکل و ظاهر متفاوتی را به محیط توسعه خود بدهید. در این بخش زا آموزش Sublime Text 3 بصورت کامل درباره‌ی قالب ها صحبت میکنیم و بهترین قالب های Sublime Text را به شما معرفی میکنیم.

معرفی بهترین قالب های Sublime Text

Sublime Text دارای صدها و شاید هزاران قالب متنوع است که هر کدام برای سلیقه‌ی خاصی طراحی شده‌اند. در این قسمت از آموزش Sublime Text 3 درباره‌ی روش پیدا کردن بهترین قالب های Sublime Text صحبت میکنیم و همچنین 3 قالب معروف و فوق العا‌ده‌ی Boxy, Panda و Material Theme را نصب میکنیم و از کار کردن با آن‌ها لذت میبریم:

https://www.aparat.com/v/xDMaj


قصه‌ی ما به سر نرسید!

آموزش Sublime Text 3 در اینجا تمام نمیشود. در آینده هر نکته‌ی جدیدی در کار با Sublime Text 3 یاد خواهم گرفت را با در اینجا اضافه میکنم. همچنین بزودی یک فیلم آموزشی حاوی ۱۰ نکته‌‌ای که کد نویسی شما را در Sublime Text سریع تر میکند نیز منتشر میکنم که بسیار کاربردی خواهد بود. پس همیشه با یادیفای همراه باشید.

معرفی بهترین جایگزین های Sublime Text

در این مقاله با آموزش Sublime Text 3 بصورت کامل و جامع در خدمت شما بودیم. همانطور که گفتیم، Sublime Text در کنار تمام ویژگی های فوق العاده‌ای که دارد، ممکن است نقص هایی نیز داشته باشد. برای مثال یکی از مهم ترین ویژگی های بد Sublime Text این است که از زبان و الفبای فارسی پشتیبانی نمیکند.

به همین دلیل شاید شما بخواهید که به دنبال جایگزینی برای Sublime Text باشید. یک IDE یا Text Editor دیگری که علاوه بر پشتیبانی از زبان فارسی، ویژگی های فوق العاده Sublime Text را نیز داشته باشد. در زیر لیستی از بهترین IDE و Text Editor ها را برای شما به همراه آموزش کامل و ویدئویی آماده کردیم که میتونید از آن لذت ببرید. برای مشاهده‌ی هر آموزش، روی آن کلیک کنید:

  • کامل‌ترین آموزش Sublime Text 3 (ویدئویی و کاملا رایگان) (همین آموزش)
  • بزودی: کامل‌ترین آموزش PHP Storm (ویدئویی و کاملا رایگان)
  • بزودی: کامل‌ترین آموزش Atom (ویدئویی و کاملا رایگان)
  • بزودی: کامل‌ترین آموزش Visual Studio Code (کاملا رایگان)
  • بزودی: کامل‌ترین آموزش Brackets (ویدئویی و کاملا رایگان)


منبع: یادیفای

برنامه نویسیطراحی وببرنامه نویسی وباستارتاپبرنامه نویس
در یادیفای میخوایم به زبان خیلی ساده یاد بگیریم برنامه نویسی چیه و چطور میتونیم توی اون موفق بشیم :) www.yadify.com
شاید از این پست‌ها خوشتان بیاید