ویرایشگر سابلایم

بسته های ضروری سابلایم (قسمت دوم)

در مطلب قبل با تعدادی از بسته های سابلایم آشنا شدید. در این مطلب به ادامه معرفی بسته های مهم و کاربردی سابلایم می پردازیم.

 

Emmet

بدون شک این بسته یکی از مهمترین و کاربردی ترین بسته های سابلایم می باشد که قابلیت های فوق العاده ای در زمینه نوشتن HTML و CSS به این ویرایشگر اضافه می کند. کار اصلی این بسته این است که با اختصار نویسی و زدن دکمه tab محتوا سریع تر تولید شود.

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

تصویر زیر چند نمونه از امکانات این بسته برای نوشتن HTML را نمایش می دهد:

پلاگین Emmet در سابلایم

ترکیب های پیچیده تر مثل دو مورد زیر را هم امتحان کنید:

  • ((h4>a[rel=external])+p>img[width=500 height=320])*12
  • .container>header(>.test)+.main+footer

همینطور برای CSS داریم:

 emmet برای css

برخی دیگر از قابلیت های این بسته:

  • می توانید برای تولید محتوای فرضی از کلمه لورم استفاده کرده و جلوی آن تعداد کلمه مورد نیازتان را بنویسید و تب بزنید. مثل lorem120
  •  

  • در اکثر ویرایشگر ها Ctrl + / یک خط و یا بلاک از کد را تبدیل به توضیح می کند. به وسیله این بسته و با کلید ترکیبی
    Ctrl + Shift + / می توانید فقط تگی که نشانگر روی آن قرار دارد را تبدیل به توضیح کنید و نه تمام خط را.
  •  

  • اگر با روش base 64 آشنا هستید بهتر است بدانید این بسته به شما اجازه می دهد تا زمانی که روی آدرس یک تصویر هستید با زدن دکمه ترکیبی Ctrl + ' آن عکس را به data:URL تبدیل کنید.
  •  

  • یک قابلیت خوب دیگر این بسته کاهش و افزایش اعداد است. کافی است نشانگر موس کنار عدد باشد و کلید Ctrl را نگه دارید و از دکمه های بالا و پایین استفاده کنید. همینطور می توانید با نگه داشتن دکمه Alt عدد را به صورت اعشاری تغییر دهید:

تغییر اعداد سابلایم

 

SidebarEnhancements

این بسته قسمت کناری سابلایم یا همان Sidebar را توسعه می دهد. قبل از نصب این بسته روی فایل ها و یا فولدرهای این قسمت راست کلیک کنید خواهید دید که تعداد کمی گزینه بیشتر وجود نخواهد داشت. اما بعد از نصب این پلاگین شما قادر به انجام کارهای زیادی در زمینه مدیریت فایل های پروژه خواهید بود.

یکی از امکاناتی که اضافه شده است قابلیت خارج کردن (Exclude) یک فولدر یا فایل از پروژه است. این امکان زمانی که فولدرهای کمکی مثل ماژول های Node در پروژه وجود دارند خیلی به کار می آید. وقتی که این فولدرها از پروژه خارج شوند دیگر فایل های آنها در لیست های جستجو و غیره دیده نخواهند شد.
در ضمن وقتی این بسته اضافه شود زمانی که فایل جدید ایجاد می کنید می توانید همان اول، نام فایل را در قسمت پایین ویرایشگر تعیین کنید.

 

DocBlockr

اگر اهل مستندنویسی هستید که باید باشید این بسته کمک خوبی خواهد بود. در این مطلب تصاویر متحرکی برای آموزش نحوه استفاده از این بسته وجود دارد.

 

دیگر بسته های کاربردی

بسته های زیر برای اسکریپت نویسی بسیار مفید هستند:

  • All Autocomplete
  • Sublime​Linter
  • JSCS-Formatter

همینطور اگر با مفاهیم زیر آشنا هستید از بسته های آن ها در سابلایم می توانید استفاده کنید:

  • Git
  • Git Gutter (این یکی عالیه)
  • Gist
  • Gulp
  • Grunt

برخی از سینتکس ها را سابلایم پشتیبانی نمی کند پس اگر موارد زیر را لازم دارید بسته هایشان را با همان نام نصب کنید:

  • SCSS
  • Sass
  • LESS
  • TypeScript
  • Razor

 

حرف آخر

اینها فقط تعدادی از بسته های سابلایم بودند. روز به روز بسته های بسیار کاربردی توسط برنامه نویسان سرتاسر دنیا برای این ابزار متن باز نوشته می شود پس همیشه صفحه اصلی بسته های سابلایم را در آدرس packagecontrol.io بررسی کنید.

نکته دیگر اینکه در همین آدرس بعد از جستجوی نام بسته مورد نظر می توانید نحوه نصب و همینطور نحوه استفاده از آن بسته را مشاهده کنید. من فقط به برخی از قابلیت های بسته های گفته شده اشاره کردم پس حتما برای اطلاعات بیشتر به صفحه اصلی هر بسته مراجعه کنید.

 

بسته های گلچین

27 دیدگاه برای “بسته های ضروری سابلایم (قسمت دوم)

    1. خیلی هم عالی :).
      در جریان باشین که برای استفاده از Emmet فقط محدود به سابلایم نیستید. می تونین برای ابزارهای دیگه مثل اتم و بقیه هم نصبش کنید. اینم لینکش: http://emmet.io/download

      1. سلام خوب هستید در بسته contorol package برای نصب emmet بروی subllime در قسمت manual دیگه آن کد
        Payton نیست که کپی کنیم باید چکار کنیم

    1. سلام. آره این پلاگین وقتی ساختنش خیلی سر و صدا کرد. ایده خوبی بود.

      من ازش استفاده نمی کنم ولی چشم حتما توی پست یه قسمت اضافه می کنم که پلاگین های اینچنینی رو به مرور بهش اضافه کنیم.

      ممنون ازت.

  1. سلام
    جناب اقای سیدی ;-)

    چرا Emmet روی سابلایم من کار نمیکنه
    قبلا کار میکرد ولی الان کار نمیکنه
    چند بارم این بسته رو پاک کردم دوباره نصب کردم ولی فایده نداشت
    خلاصه بدون Emmet دارم اسفالت میشم
    لطفا کمکم کن

    1. سلام. آره متاسفانه گاهی این مشکل پیش میاد. چاره داره نگران نباشید.

      1. اول emmet رو پاک کنید

      2. از این آدرس با توجه به سیستم عاملتون فایلشو دانلود کنید بزارید جایی که میگه
      https://github.com/emmetio/

      3. یه بار از سابلایم پیاده شین دوباره سوار شین

      4. emmet رو نصب کنید.

      5. به عنوان یکی که داره توی دنیای برنامه نویسی کار میکنه باید یادبگیرید که خیلی کنکاش کنید و تا موضوع رو حل نکردین ول کن ماجرا نشید.

      6. موفق باشید :)

        1. بسته emmet نیاز به ماژولی به اسم PyV8 داره که مربوط به پایتون میشه. زبانی که emmet رو باهاش نوشتن. بعضی وقتا این ماژول خودکار نصب نمیشه و مجبوریم دستی نصبش کنیم.

          که راهشو گفتم بالا

          1. من به روش بالا دستی این کارو کردم ولی بازم ارور میده
            نمیشه پوشه پکیج های سابلایمو کپی کنم
            سابلایمو کامل پاک کنم و دوباره نصب کنم
            بهد پوشه کپی شده رو برگردونم سرجاش که بسته های نصب شده از دوباه برگردن؟

          2. میشه ولی فک نمی کنم تاثیری داشته باشه. مراحل بالارو وقتی انجام میدین سابلایم رو توی حالت Administrator باز کنید. فکر می کنم وقتی من انجام میدادم این مهم بودش.

  2. سلام آقا مجتبی عزیز
    قبل از سوال از شما بخاطر سایت واقعا ارزشمندتان و واقعا ارزشمند. بینهایت از شما سپاسگزاری می کنم و ممنون هستم چرا ک اطلاعات مرا در تخصص css بالا برده. ممنونم

    درباره سابلایم میپرسم : وقتی که / + ctrl را میزنم ، کامنت اجرا نمیکند !!! و این در حالی هست که سابلایم من اروری ندارد و پلاگین Emmet هم روی سابلایم نصب هست .
    تحقیق کردم و راه هایی را اجرایی کردم اما به نتیجه نرسیدم. ممنون میشم راهنماییم کنید . سپاس.

    1. سلام احسان جان

      خوشحالم که مطالب سایت مفید بوده واستون

      راستش همچین اتفاقی واسم نیافته تا الان. توی فایل key bindings رو نگاه کنید ببینید این درسته تنظیماتش: toggle_comment. همینطور پلاگینی نباشه که این کلید ترکیب تغییر داده باشه برای کار دیگه ای

      همینطور اینم چک کنید اگر نکردید

      http://www.sublimetext.com/docs/3/...

      1. سلام مجتبی عزیز
        این کد :
        { “keys”: [“ctrl+/”], “command”: “toggle_comment”, “args”: { “block”: false } },
        { “keys”: [“ctrl+shift+/”], “command”: “toggle_comment”, “args”: { “block”: true } },
        هستش.
        اولی رو true گذاشتم ولی درست نشد.

        backrefs , colorPicker , CSScomb , Emmet , Emmet Css Snippets , Emmet Style Reflector , Highlight , javaScript Refactor , LiveStyle , markupsafe , mdpopups , pygments , python-jinja2 , python-markdown , PyV8 , SublimeLinter , TypeScript , User , zzz A File Icon zzz

        اینها هم مواردی هستند ک داخل پوشه پکیج هام هست.
        Emmet Css Snippets , Emmet Style Reflector رو حذف کردم از داخل پوشه ولی بازم درست نشد.

        آقا مجتبی ممنون میشم راهنماییم کنی.
        قبلا بخاطر راهنمایی سپاسگزارم.

        1. معذرت میخوام واقعا نمیدونم باید چکار کنی… چرا دوباره نصب نمیکنی؟ میتونی از پکیج ها هم بکاپ بگیری قبلش

          1. سلام وقت شما بخیر آقا مجتبی عزیز .
            ممنونم حتما این کارو میکنم و اگر مشکلم حل شد در اینجا اعلام میکنم تا اگه کسی با این مشکل مواجه شد بدونه راه حلش چی هست.
            سپاسگزارم

          2. سلام آقا مجتبی عزیز. وقت شما بخیر و شادی.
            مشکلم حل شد.
            من روی کیبورد لب تابم دو تا علامت ( / ) دارم و یکیش کار نمیکنه و من همش اونو میزدم و اینکه چرا کار نمیکنه عجیبه . ولی اون یکی توی محیط سابلایم مثل ماه کار میکنه .
            در ضمن در بسته های سابلایم یه سوالی دارم ؟
            وقتی با phpstorm کار میکنم اگر از لحاظ syntax ی مشکلی داشته باشم سریعا اخطار میده و در اصل کمکم میکنه.
            خب چه بسته ای روی سابلایم نصب کنم که هم js و هم php رو برام ساپورت کنه و هینت بهم بده ؟
            در ضمن بسته هایی ک مربوط به php هستش که روی سابلایم خود شما نصب هست رو خوشحال میشم بهم معرفی کنید. چون جدیدا تمرکزم رفته روی php و خیلی این بسته ها هم میتونه کمکم کنه.
            قبلا از راهنمایی استاد عزیزم آقا مجتبی عزیز سپاسگزارم.

          3. سلام .
            : ) خب عیب از من نبود دیگه ! :)
            بابت پست هم ممنون هستم . سریعا رفتم برای برسیش.
            امیدوارم شاهد پیشرفت هر چ بیشتر شما باشیم.

  3. سلام ممنون بابت توضیحاتتون
    2تا سوال داشتم
    ظاهرا سابلایم متن فارسی پشتیبانی نمیکنه
    روشی برای حل این موضوع ندارید؟
    و اینکه تو کد نویسی اگه خطایی باشه اصلا اخطار نمیده
    چیکار باید کرد؟

    1. 1. نه متاسفانه روش خوبی وجود نداره. می تونید از اتم و یا VS Code استفاده کنید.
      2. بسته هایی به نام linter هستند که باید نصب بشند. جستجو کنید پیدا میشه. (sublimelinter)

  4. خیلی عالی بود دم شما گرم. تا ارمزو داشتم فقط وقت خودمو تلف میکردم واقعا . سرعت عملم خیلی بهتر شد با این آموزش ها

سوال داری؟ برو به پنل پرسش و پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *