حتما شما هم در حیطهی طراحی وب، نام Sublime Text به گوشتان خورده است. ویرایشگر متنی که به ویژگیهای فوق العادهای دارد و به اعتقاد برخی ها سابلایم میتواند جادو کند و سرعت کدنویسی شما را بسیار زیاد بالا ببرد. در این مقالهی آموزشی، هر آن چیزی که برای کار با آخرین نسخه Sublime Text را یاد میگیریم. پس با من در آموزش Sublime Text 3 بصورت کاملا ویدئویی و متنی همراه باشید.
حتما به عنوان یک برنامه نویس یا طراح وب برای شما هم پیش آمده است که درگیر انتخاب یک IDE یا Text Editor مناسب کار خود شوید. اگر دربارهی فرق بین IDE و Text Editor ها چیزی نمیدانید، پیشنهاد میکنم مقاله تفاوت IDE و Text Editor – مزایا و معایب هرکدام چیست؟ را حتما مطالعه کنید. بسیار برای شما مفید خواهد بود.
در این مقاله و فیلم ها، کامل ترین آموزش Sublime Text 3 که به زبان فارسی موجود است را ارائه میکنیم. این آموزش به شما کمک میکند که سابلایم را به خوبی بشناسید و با مزایا و معایب آن آشنا شوید، کار با Sublime Text 3 را شروع کنید، و یاد بگیرید که چطور میتوانید آنرا برای خودتان بهینه کنید.
Sublime Text یک ویرایشگر متن یا Text Editor غیر رایگان است که به شما کمک میکند که کد نویسی بسیار لذت بخش تر و سریع تری داشته باشید. آخرین نسخهی این نرم افزار Sublime Text 3 میباشد که امکانات بسیار زیادی را در اختیار شما قرار میدهد.
Sublime Text بصورت پیشفرض یک ویرایشگر متنی بسیار ساده است. وقتی آنرا برای اولین بار نصب میکنید، ممکن است با امکانات بسیار زیادی مواجه نشوید و فکر کنید که یک نرم افزار بسیار عادی و پیش پا افتاده را پیش روی خود دارید.
اما نکتهی مهم در خصوص Sublime Text این است که این نرم افزار، دارای پکیج های مختلفی است. به این معنا که هنگامی که شما این نرم افزار را نصب میکنید، به خودی خود قدرست خاصی ندارد، ولی با پکیج هایی که در اختیار شما قرار میدهد، هر کاری که بخواهید را میتوانید با آن انجام دهید.
در ادامه بصورت کامل با آموزش 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 3 در کنار تمام ویژگی های مثبتی که دارد، یک ویژگی ای دارد که ممکن است زیاد برای ما کاربران فارسی زبان خوشایند نباشد، Sublime Text 3 از زبان فارسی و کاراکترهای آن پشتیبانی نمیکند.
اگر بخواهید در Sublime Text 3 فارسی بنویسید، نوشتههای شما بصورت برعکس و جدا از هم نوشته میشوند. که این یک عیب برای Sublime Text 3 به شمار میآیند. البته بسیاری از طراحان و برنامه نویسان، با این موضوع کنار آمدهاند و این موضوع برایشان زیاد اهمیت ندارد.
عکس زبان فارسی در سابلایم
اما اگر برای شما مهم است، باید به دنبال جایگزین هایی برای Sublime Text 3 باشید که از زبان فارسی پشتیبانی میکنند. در آینده مقالهای در یادیفای منتشر خواهیم کرد و دربارهی بهترین Text Editor ها و IDE های دیگر که از زبان فارسی بصورت کامل پشتیبانی میکنند و ممکن است در جاهایی از Sublime Text 3 نیز بهتر باشند، صحبت میکنیم.
به سراغ شروع آموزش Sublime Text 3 میرویم و میخواهیم کار با این نرم افزار فوق العاده را آغاز کنیم. همانطور که گفتیم Sublime Text یک ادیتور غیر رایگان می باشد. برای شروع کار با این ادیتور نیاز نیست مبلغ خاصی را پرداخت کنید، اما بعد از مدتی، Sublime Text شما را مجبور به وارد کردن لایسنس میکند. شما میتوانید لایسنس Sublime Text 3 به قیمت ۸۰ دلار، یک بار برای همیشه خریداری کنید. اگر نمیتوانید/نمیخواهید این مبلغ را پرداخت کنید، میتوانید از جایگزین های Sublime Text، مثلا Vscode که کاملا رایگان است استفاده کنید که در آینده یک آموزش کامل نیز برای آن ارائه خواهیم داد.
ما خودمان برنامه نویس هستیم و برنامه نویس ها را دوست داریم. برای احترامی که برای ساختهی دیگران قائل هستیم، از نرم افزارهای کرک و روش های غیر قانونی استفاده نمیکنیم به شما هم پیشنهاد میکنیم که استفاده نکنید!
به همین دلیل در آموزش Sublime Text 3 دربارهی نحوهی کرک کردن یا ... صحبت نمیکنیم.
برای شروع کار با Sublime Text 3، اولین کاری که باید انجام دهیم، دانلود این نرم افزار است. Sublime Text 3 یک نرم افزار Cross Platform میباشد. به این معنا که برای تمام سیستم عامل های ویندوز، مک و لینوکس میتوانید نرم افزار آنها را دانلود کنید. برای دانلود میتوانید از راههای زیر اقدام کنید:
بعد از دانلود Sublime Text، اقدام به نصب آن کنید و سپس در ادامهی آموزش Sublime Text 3 با من همراه باشید تا کار با این نرم افزار فوق العاده را یاد بگیرید.
در این بخش در آموزش Sublime Text 3 میخواهیم دربارهی پکیج های Sublime Text صحبت کنیم و بگوییم که دقیقا چه هستند و چه کاری انجام میدهند؟
پکیج ها در Sublime Text توسط برنامه نویسان مختلف در تمام جهان نوشته میشوند که امکانات مختلفی را به Sublime Text اضافه کنند و کارایی آنرا بهتر کنند. همانطور که گفتیم Sublime Text بصورت پیشفرض یک نرم افزار خام است. این پکیج ها هستند که به Sublime Text قدرت میدهند.
برای هرکاری که شما بخواهید با Sublime Text انجام دهید، یک پکیج وجود دارد که در گذشته توسط شخصی نوشته شده است که آن قابلیت مدنظر شما را به Sublime Text اضافه کند. در ادامهی آموزش Sublime Text 3 بصورت کامل با این پکیج ها آشنا خواهیم شد.
یکی از پکیج هایی که کار با Sublime Text را برای شما بسیار راحت میکند و امکان نصب پکیج های دیگر را به سادگی فراهم میکند، پکیجی با نام Package Controll میباشد. در این قسمت از آموزش Sublime Text 3 میخواهیم روش نصب Package Controll را بررسی کنیم. برای نصب این پکیج، میتوانید فیلم آموزشی بالا را مشاهده کنید و یا طبق آموزش زیر پیش بروید.
برای نصب Package Controll سادهترین راه را در این قسمت بررسی میکنیم:
برای انتخاب کد به منظور کپی، دوبار روی کد زیر کلیک کنید و بعد از انتخاب شدن تمام متن، آنرا میتوانید کپی کنید.
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 3 بصورت کامل این نرم افزار را برای طراحی و برنامه نویسی وب بهینه میکنیم.
قبل از اینکه بخواهیم Sublime Text را برای زبان برنامه نویسی خاصی بهینه کنیم، میخواهیم پکیج هایی که به زبان برنامه نویسی خاصی مربوط نیستند را نصب کنیم. این پکیج ها در تمام زبان های برنامه نویسی برای شما بسیار کاربردی خواهند بود و امکانات جذابی را به محیط Sublime Text اضافه خواهند کرد. در ادامهی آموزش Sublime Text 3 با من همراه باشید تا با بهترین پکیج های Sublime Text آشنا شویم و آنها را نصب کنیم.
یکی از پکیج هایی که داشتن آن در Sublime Text میتواند به شما بسیار کمک کند، پکیج SideBarEnhancements به شما کمک میکند که در بخش منوی کنار سابلایم، تنظیمات بسیار پیشرفتهتری را داشته باشید. در فیلم زیر بصورت کامل روش نصب و کار با این پکیج را مشاهده میکنید:
دانلود پکیج SideBarEnhancements
یک پکیج فوق العادهی دیگر که برای Sublime Text نیز وجود دارد و در این قسمت از آموزش Sublime Text 3 میخواهیم آنرا بررسی کنیم، پکیج Emmet میباشد. با استفاده از این پکیج شما میتوانید سرعت کدنویسی خود را در HTML و CSS چندین برابر کنید. در فیلم آموزشی زیر بصورت کامل روش نصب و کار با این پکیج را توضیح دادهایم:
پکیج BracketHighlighter زمانی به کمک شما میآید که پروژهی شما بزرگ و تعداد خط کدهای آن زیاد شود. این پکیج شما را از سردرگمی نجات میدهد و جز پکیج های بسیار خوب Sublime Text میباشد که آموزش کار با آن را در فیلم زیر میتوانید ببینید:
دانلود پکیج BracketHighlighter
پکیج A File Icon به شما کمک میکند که ایکون های پیشفرض Sublime Text را تغییر دهید که ظاهر زیباتری پیدا کند که در فیلم آموزشی زیر روش کار با آن را یاد میگیریم. همینطور بررسی میکنیم که چطور میتوانیم یک پکیج را حذف کنیم:
بسیاری از افراد برای اینکه بتوانند از رنگ های زیبا در طراحی های خود استفاده کنند، ممکن است به یک نرم افزار انتخاب رنگ مثل Photoshop نیاز داشته باشند. اما با اسفتاده از این پکیج میتوانید به راحتی و خیلی سریع، برای المان های خود رنگ هایی را انتخاب کنید. روش نصب و کار با این پکیج را در زیر میتوانید مشاهده کنید:
در این بخش از آموزش Sublime Text 3 میخواهیم Sublime Text را برای طراحی وب با HTML, CSS, Javascript و jQuery بهینه کنیم. به این معنا که پکیج هایی را روی سابلایم نصب کنیم که برای طراحی و کدنویسی با HTML, CSS, Javascript و jQuery بصورت کامل آماده شود.
شاید شکل و ظاهر پیشفرض سابلایم برای شما مناسب نباشد و دوست داشته باشید آنرا تغییر دهید. این دقیقا کاری است که قالب ها (Themes) در سابلایم برای شما انجام میدهند. شما میتوانید با استفاده از قالب هایی که نصب میکنید، شکل و ظاهر متفاوتی را به محیط توسعه خود بدهید. در این بخش زا آموزش Sublime Text 3 بصورت کامل دربارهی قالب ها صحبت میکنیم و بهترین قالب های Sublime Text را به شما معرفی میکنیم.
Sublime Text دارای صدها و شاید هزاران قالب متنوع است که هر کدام برای سلیقهی خاصی طراحی شدهاند. در این قسمت از آموزش Sublime Text 3 دربارهی روش پیدا کردن بهترین قالب های Sublime Text صحبت میکنیم و همچنین 3 قالب معروف و فوق العادهی Boxy, Panda و Material Theme را نصب میکنیم و از کار کردن با آنها لذت میبریم:
آموزش Sublime Text 3 در اینجا تمام نمیشود. در آینده هر نکتهی جدیدی در کار با Sublime Text 3 یاد خواهم گرفت را با در اینجا اضافه میکنم. همچنین بزودی یک فیلم آموزشی حاوی ۱۰ نکتهای که کد نویسی شما را در Sublime Text سریع تر میکند نیز منتشر میکنم که بسیار کاربردی خواهد بود. پس همیشه با یادیفای همراه باشید.
در این مقاله با آموزش Sublime Text 3 بصورت کامل و جامع در خدمت شما بودیم. همانطور که گفتیم، Sublime Text در کنار تمام ویژگی های فوق العادهای که دارد، ممکن است نقص هایی نیز داشته باشد. برای مثال یکی از مهم ترین ویژگی های بد Sublime Text این است که از زبان و الفبای فارسی پشتیبانی نمیکند.
به همین دلیل شاید شما بخواهید که به دنبال جایگزینی برای Sublime Text باشید. یک IDE یا Text Editor دیگری که علاوه بر پشتیبانی از زبان فارسی، ویژگی های فوق العاده Sublime Text را نیز داشته باشد. در زیر لیستی از بهترین IDE و Text Editor ها را برای شما به همراه آموزش کامل و ویدئویی آماده کردیم که میتونید از آن لذت ببرید. برای مشاهدهی هر آموزش، روی آن کلیک کنید:
منبع: یادیفای