برای انجام هرکاری داشتن بهترین ابزار از اهمیت قابل توجهی برخوردار است. برای کار با HTML و CSS هم باید به دنبال بهترین ابزار بود که در اینجا قصد معرفی یکی از قدرتمندترین ابزارها برای این کار را داریم. ویرایشگر Sublime یک پروژه متن باز است که با استفاده از زبان Python نوشته شده و در حال توسعه می باشد. این ویرایشگر قابلیت اجرا در پلتفرم های لینوکس, ویندوز و همینطور OS X را دارد.
در این مطلب به نحوه راه اندازی این ویرایشگر می پردازیم و در مطالب بعد شما را قدم به قدم با قدرت فوق العاده سابلایم در قالب ترفندهای کوتاه آشنا می کنیم.
دانلود و نصب
اول به سایت سابلایم با آدرس sublimetext.com مراجعه کرده و نسخه مناسب خود را دانلود کنید. سپس این نرم افزار را نصب کرده و اجرا کنید. نکته خیلی جالب اینکه سابلایم در این مرحله یک ابزار ویرایشگر خیلی ساده است که هیچ جذابیتی ندارد, اما نگران نباشید کم کم قصه جالب می شود.
بسته ها
همانطور که گفته شد سابلایم به خودی خود ابزار قدرتمندی نیست, چیزی که این نرم افزار را تبدیل به یک ابَر ویرایشگر کرده است بسته ها و یا پلاگین هایی هستند که می توان به این ویرایشگر اضافه کرد. و از آنجایی که این نرم افزار متن باز است برنامه نویس های سرتاسر دنیا بطور مداوم در حال توسعه بسته های جدید برای نیازهای مختلف هستند. پس به این دلیل است که سابلایم از یک ویرایشگر خیلی ساده به یک ابزاری با قدرت بی پایان تبدیل می شود.
برای نصب بسته های سابلایم چندین روش وجود دارد. ما در اینجا تقریبا ساده ترین راه را بیان می کنیم.
سابلایم را باز کرده و کلید ترکیبی ctrl + ` را فشار دهید. با این کار کنسول سابلایم در پایین صفحه باز می شود. سپس کد زیر را در کنسول قرار دهید و کمی صبر کنید تا عملیات انجام شود. ( اتصال به اینترنت فراموش نشود! )
import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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)
شاید در این مرحله نیاز به راه اندازی مجدد سابلایم داشته باشید.
نکته: این کد مربوط به نسخه سه می باشد پس اگر نسخه دو را نصب کرده اید کد مخصوص به همان نسخه را از اینجا کپی کنید.
این کد باعث می شود تا در صورت نیاز یک پوشه در کامپیوتر شما برای ذخیره سازی بسته های سابلایم ساخته شود و همینطور اولین بسته را برای شما نصب می کند. اولین بسته Package Control نام دارد که باعث می شود تا عملیات مدیریت بسته ها به سادگی صورت گیرد.
آیا تا الان همه چی درست انجام شده است؟
برای اطمینان از این موضوع کافی است یک تست کوچک انجام دهید. اما قبل از آن باید با command palette یا جعبه دستورات سابلایم آشنا شوید. با زدن کلید ترکیبی ctrl + shift + p با منظره ای شبیه به شکل زیر رو به رو خواهید شد:
این کلید ترکیبی باید به مرور در ذهن شما حک شود چون اکثر جادوها به وسیله این جعبه اسرار آمیز انجام می گیرد. این جعبه همانطور که از نامش پیداست برای شما این امکان را فراهم می آورد تا فرمان هایتان را از این طریق به سابلایم انتقال دهید. کافی است دستور مورد نظر را در این جعبه تایپ کنید.
به عنوان اولین دستور install package را تایپ کنید. با اجرای این دستور لیستی از بسته های سابلایم از بستر اینترنت برای شما فراهم می شود و شما می توانید هر یک از بسته ها را بنا به نیازتان دانلود و نصب کنید. کافی است بسته را انتخاب کنید, خود سابلایم عملیات دانلود و نصب را به عهده می گیرد حتی نیازی به راه اندازی مجدد سابلایم نیست.
همینطور با استفاده از دستورات list packages و remove package می توانید لیست بسته های نصب شده را مشاهده کرده و یا بسته ای را حذف کنید.
در ادامه این سری از مطالب شما را با دستورات و بسته های مختلف و کاربردی آشنا می کنیم.
یک اعتراف زود هنگام
به عنوان تست یک جمله فارسی در سابلایم بنویسید.
بله لحظه جالبی نیست. متاسفانه این ویرایشگر زبان هایی که راست به چپ نوشته می شوند را به درستی پشتیبانی نمی کند, پس همین اول کار اگر خیلی برایتان این نکته اهمیت دارد بقیه مطالب را دنبال نکنید چون مثل من عاشق سابلایم خواهید شد و دیگر نمی توانید از این ابزار شگفت انگیز جدا شوید.
راه دومتان هم این است که ریسک کنید و شروع به کار با این ابزار کنید. به عنوان یک طراح وب سایت که چند سال است با سابلایم کار می کنم به شما اطمینان را می دهم اگر به درستی با این ابزار آشنا شوید و از امکانات آن آگاه باشید مشکل فارسی نویسی آن چندان به چشم نخواهد آمد. به علاوه معمولا ما به عنوان طراح سمت کلاینت با محتوای آزمایشی سر و کار داریم که آن هم بیشتر کپی شده از جای دیگر است, پس خیلی نوشتن فارسی در این ابزار برای ما موضوع مهمی نخواهد بود.
یک راه سوم هم وجود دارد و آن هم استفاده از ابزار جدیدی به نام اتم می باشد. این ابزار از نظر امکانات و نوع عملکرد بسیار شبیه به سابلایم است که البته فارسی را پشتیبانی می کند. جالب است بدانید که اتم توسط تیم بزرگ و قوی گیتهاب نوشته شده است و برای ساخت آن از تکنولوژی های وب بهره گرفته شده است!
با سلام … مطلب جالبی بود.
ولی بنده بع جز اتم ابزار قدرتمند براکتس رو پیشنهاد میکنم که واقعا پلاگین ها و تم های زیادی داره و هر چند ماه یه بار بروز میشه … فارسی رو هم کامل پشتیبانی میکنه و نمایش زنده از برنامه در حال نوشتن رو به کاربر میده.
جالبه بدونید حدود 5 سالی میشه وب نویسی میکنم و به همه JET BRAIN PHP STORM و BRACKETS رو پیشنهاد میدم.
اینم سایت براکتس : http://brackets.io/
ممنون از نظر خوبتون. بله من با براکتس آشنام. یه بار تقریبا سه سال پیش که در حال توسعه بود نصبش کردم برای تست. راستش خیلی ذوق داشتم چون اولین ویرایشگری بود که با جاوااسکریپت داشتن می ساختن. و یه بار هم دقیقا وقتی این پست رو نوشتم دوباره تستش کردم. غیر از براکتس ابزار VS Code مایکروسافت هم هست که گزینه خوبیه.
من اتم رو توی پست مطرح کردم چون از لحاظ کاربرد کاملا شبیه به سابلایم هستش. و مهاجرت بین این دو ویرایشگر خیلی راحته.
بازم ممنون از نظرتون اینجوری دوستان این ویرایشگرها رو هم می تونن یه بررسی بکنن و گزینه مناسب خودشون رو انتخاب کنند.
اینا خوبن ولی من هیچ جور نمیتونم از UltraEdit و UEStudio دل بکنم.
با تمام این برنامه هایی که گفته شدن کار کردم ولی نمیتونم این دوتا رو ترک کنم
سایت:
http://www.UltraEdit.com
سلام
از شما ممنونم که تجربیاتتون رو به اشتراک میزارین.
و همچنین از مطالب خوبی که مطرح می‌کنید. در مورد زود قضاوت کردن فکر میکنم مشکل راست به چپ هم با این پکیج حل شده باشه!
https://packagecontrol.io/p…
سلام. خواهش میکنم.
چقدر خوب کردید که اینو اینجا مطرح کردید شاید یه عده استفاده کنند.
آره من اینو یکی دو سال پیش دیدم ولی تاجایی که یادمه فقط میشد متنای نوشته شده رو تبدیل کرد. نمی شد راست به چپ نوشت و خوشم نیومد پاکش کردم.
ولی خوب یه جاهایی قطعا به کار میاد. ممنون ازتون لطف کردین.
سلام.
یه سوال داشتم خدمتتون. این ویرایشگر قابلیت این رو داره که توابع وردپرس به صورت auto-complate بیاره… اگه ابزار و روشی برای این کار میشناسید لطفا راهنمایی کنید.
از نظر سرعت اجرا سابلایم بی نظیره . من اکثرا همه ادیتورهارو تست کردم اما سابلایم یه چیز دیگه ست واقعا. مشکل فارسی هم اصن مساله حادی نیست در برابر این همه قابلیت و سبکی در اجرا
سلام ببخشید سوالی داشتم
بنده سابلایم رو از حذف کردم حالا باز میخوام نصبش کنم نصب میشه اما پلاگین ها روش نصب نمیشن ارور میده پیشنهادی دارین؟ ممنون میشم
نمیدونم خطا چیه. ولی در کل اینطور موقع ها سابلایم رو پاک کنید. پوشه مربوط به بسته هاش رو هم پیدا کنید و پاکشون کنید. دوباره همه چیز رو از اول انجام بدید نباید به مشکل بخورید.
امیدوارم مشکلتون حل بشه.
سلام ی سوال داشتم
چطور میشه عکسی رو اد کرد داخل برنامه ک بتونم از دستور() url استفاده کنم اصلا این امکان وجود داره؟مثل قابلیتی ک در ویژال استدیو هست
با کد img اشنا هسم قصدم استفاده از url هست
background-image: url(“picture address”);
سلام
من تم برای sublime text 3 نصب کردم اما نصفه و نیمه میاد همه کاری هم کردم حتی از اول پاک و دوباره نصب کردم برنامه رو میشه راهنمایی کنید
سلام من سابلایم سه رو نصب کردم ولی شبیه notpadبرای من اورده .هیچ چیز دیگه ای نداره .چیکار کنم ؟؟؟
سلام ببخشید این ارور در برنامه برای چی هست؟
‘python’ is not recognized as an internal or external command,
operable program or batch file.
[Finished in 0.1s with exit code 1]
[shell_cmd: python -u “E:\a.py”]
[dir: E:\]
[path: C:\Users\NP\AppData\Local\Microsoft\WindowsApps;];C:\Users\NP\AppData\Local\Microsoft\WindowsApps;]
sublime text واقعا بی نظیره در نوع خودش.من با دریم ویور کار میکردم.ولی از زمانی که با این برنامه اشنا شدم مهاجرت کردم به ساب لایم.ممنون از شما ک به من معرفی کردین.
اقا چطور فارسی مهم نیست؟ الان شما یک قالب برای وبلاگ طراحی کنید 10 ها جا باید فارسی تایپ کنی !!!!!
دوست عزیز یه سوال وقتی ما میخایم برای وبلاگ قالب طراحی کنیم با این همه کلمات فارسی که باید توش به کار ببریم چیکار کنیم؟ چطور میگین مهم نیست؟
برنامه من اول خوب کار مکیرد الان ارور زیر رو میده دلیلش چیه؟
http://www.upsara.com/images/ktcz_untitled.jpg
سلام
ببخشید من این پست شمارو مطالعه کردم و متوجه شدم که این ویرایشگر برای تایپ فارسی مشکل داره
آیا هنوز این مشکلش حل نشده
و در نظرات خیلی این مشکل عدم تایپ فارسی را مهم میدانستند به نظر شما که در این حوزه مهارت کامل دارید این صحت داره یا نه
در پایان برای من که هنوز تازه میخوام شروع کنم براکتس بهتره یا سابلایم؟
خیلی ممنون از سایت عالیتون
سلام، از vscode استفاده کنید.
سلام قبول دارید phpstorm برنامه نویس ها رو تنبل میکنه
من یه مدتی اینقدر با این نرم افزار عادت کرده بودم چون کد های پیشنهادی رو سریع میاره برای همین گاهی وقت ها اسپل بعضی از کلمات رو فراموش کردم
سلام من پلاگین emmet رو نصب کردم اما وقتی علامت تعجب رو میزنم و بعدش tab رو که ساختار html درست کنه کار نمیکنه علتش چیه؟؟؟
سلام هم وطن . سیستمتو ریستارت کن درست میشه.واسه منم دقیقا همین مشکل بود که درست شد
سلام و خسته نباشید sublime من منو نداره hiden meno رو زدم منو رفت حالا چیکار کنم برگرده؟
سلام. دکمه ی Alt رو وقتی صفحه sublime باز هست فشار بدید menu برمیگرده. بعد بدون کلیک تو جاهای دیگه ی صفحه، روی گزینه view کلیک کنید و سپس show menu رو بزنید. :)
با سلام وتشکر از مطلب خوبتون من sublimeنصب کردم ولی وقتی روی indexمی رم و کلیک راست می کنم ویرایش از طریق sublim textنمیاد.می تونید من و راهنمایی کنید؟
سلام
چطور میشه از sublime text خروجی گرفت؟
سلام
برای حل مشکل فارسی نویسی :
https://github.com/imdark/Sublime-Text-2-BIDI
با احترام
سلام و عرض خسته نباشید.سوالی که داشتم اینکه من تو یه اموزش ودیویی دیدم یه کدی رو نوشتن بد با زدن کلید TAB تبدیل به چندین کد شد.کدهم به شرح زیره:
.contact-section>(.title-section>h2+p)+.container>.row>(.col-12.col-md-3*3>input)+(.col-12.col-md-9>textarea)+(.col-12.col-md-9>input.all-button)
میخواستم بدونم میشه بگین چه تنظیماتی لازمه تا بتونم منم این کارو انجام بدم؟!
سلام و تشکر بابت مطلب مفیدتون من تمام کارهایی که گفتین رو انجام دادم و با اینکه پلاگین نصب شده اما نمی تونم ازش استفاده کنم!!! میشه راهنمایی کنید؟؟
سلام. کلید های ترکیبی مثل cntr + shift + P در برنامه ی اتم هم کار میکنه؟