دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۳
  • اسفند

جلسه ۴۱ : ویرایشگر و پلاگین ها در LESS

  • دسته‌بندی‌ها :
جلسه ۴۱ : ویرایشگر و پلاگین ها در LESS
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

      با عرض سلام و وقت بخیر خدمت کاربران سایت  پی وی لرن.در این فصل، ما اهمیت ویرایشگر و پلاگین ها در LESS را درک خواهیم کرد. ویرایشگر در LESS یک سیستم یا برنامه است که به کاربر امکان ویرایش متن را می دهد.همچنین پلاگین در LESS یک تکه از نرم افزار است که برای گسترش قابلیت سایت استفاده می شود.

      ویرایشگر و پلاگین ها در LESS

      در ادامه ابتدا به مبحث ویرایشگر در LESS خواهیم پرداخت ، سپس مبحث پلاگین در LESS را بررسی خواهیم کرد.

      اکنون اجازه دهید درمورد ویرایشگر و پلاگین ها در LESS صحبت کنیم.

      ویرایشگر و پلاگین ها در LESS  همراه با توضیحات شماره
       !Crunch
      پشتیبانی از سیستم عامل متقابل  مانند ویندوز، مک و لینوکس را انجام می دهد وویرایشگر را با کامپایل مجتمع فراهم می کند.
       ۱
       Mindscape Web Workbench

      نرم افزار CoffeeScript، SASS، Compass و ویرایشگر LESS را فراهم می کند

      و در Visual Studio به راحتی توسعه وب سایت را آسان می کند.

      ۲
       NetBeans

      یک IDE مبتنی بر جاوا منبع باز است. در توسعه سریع  برنامه های کاربردی مانند دسکتاپ، تلفن همراه

      و وب و همچنین برنامه های HTML5 که شامل HTML، جاوا اسکریپت و CSS است، کمک می کند.

      ۳
       TextMate

      یک ویرایشگر متنی گرافیکی برای Mac OS X است. این برنامه شامل تنظیمات اعلانی،

      ماکروهای ضبط پذیر، قطعه، ادغام پوسته، جداول اسناد باز و یک سیستم بسته نرم افزاری قابل گسترش می باشد.

      ۴
       Vim

      بسته نرم افزاری vim ویژگی هایی مانند دندانه دار کردن، برجسته سازی وتکمیل خودکار برای زبان css در LESS را اضافه می کند.

      ۵
      Emacs

      شامل less-css-model  می باشد، که حالت Emacs برای LESS CSS  را فراهم می کند؛

      Emacs از compile-on-save پشتیبانی می کند.

      ۶
       jetBrains WebStorm and PhpStorm

      WebStrom یک IDE سبک و قدرتمند است.که  برای سرویس  مشتری و توسعه سرور با Node.js مجهز شده است.

      PhpStorm  یک PHP IDE است که از درک عمیق کد  پشتیبانی می کند.

      ۷
       Brackets

      یک ویرایشگر  سبک، قدرتمند و منبع باز است که به طراحان وب و توسعه دهندگان فرانت اند کمک می کند.

      ۸
      CodeLobster

      یک محیط توسعه یکپارچه قابل حمل (IDE)  درجه اول برای PHP است. همچنین از  از HTML، CSS و JavaScript پشتیبانی می کندو پلاگین ها برای Drupal، WordPress، Smarty، Joomla، JQuery،

      فیس بوک، Codeigniter، Yii و CakePHPدر دسترس هستند.

      ۹
       KineticWing IDE

      یک IDE سریع، تمیز، سبک و قابل حمل است. یک مجموعه کامل توسعه است

      که به شما کمک می کند هوشمندانه و سریع کار کنید.

      ۱۰
       nodeMirror

      nodeMirror، منبع باز و به راحتی قابل تنظیم IDE است که از کتابخانه CodeMirror.net، pty.js و

      سایر کتابخانه ها استفاده می کند.

      ۱۱
       HTML-Kit Tools

      یک ویرایشگر وب مدرن برای HTML5، CSS3، جاوا اسکریپت و غیره است. با استفاده از  HTML-Kit Tools،

      شما می توانید ویرایش، پیش نمایش، تأیید انتشار و

      مدیریت پروژه ها از ویرایشگر سازگار با استانداردهای مدرن را انجام دهید.

      ۱۲

      ویرایشگر در LESS

      Sublime Text 2 & 3

      Sublime Text، گزینه های مختلفی برای LESS فراهم می کند که در جدول زیر ذکر شده است :

      توضیحاتشماره
      Less-sublime

      دستور LESS برای sublime text، سینتکس برجسته برای فایل های less. را همراه با قطعه فراهم می کند.

      ۱
      Sublime-Less-to-CSS

      پلاگین Sublime text 2 و ۳  برای کامپایل فایل های less. به CSS بعد از ذخیره ، نیاز به نصب lessc در PATH دارد.

      ۲
      Less-build-sublime

      LESS build system برای sublime text 2 می باشد،که دو سیستم ساخت برای فایل های LESS فراهم می کند،

      شامل Minified و non minifiedاست.

      ۳
      SublimeOnSaveBuild

      یک پلاگین ساده برای sublime text 2 می باشد برای ایجاد  ساخت در زمانی که شما بر روی ذخیره کلیک کنید.

      با پیش پردازنده هایی مانند LESS، Compass و دیگران کار می کند.

      ۴

      Eclipse

      Eclipse دارای دو پلاگین برای LESS است که در جدول زیر ذکر شده است :

      پلاگین و توضبحاتشماره
      Eclipse Less Plugin

      با گسترش Eclipse IDE، این افزونه ویژگی های مفیدی را برای ویرایش و کم کردن شیوه نامه های LESS فراهم می کند.

      ۱
      Transpiler Plugin

      افزونه Eclipse به طور خودکار پرونده های شما مانند LESS، SASS، CoffeeScript و غیره را ترجمه می کند.

      ۲

      Visual Studio

      پلاگین ها در LESS

      توضیحاتشماره
      CSS Is Less

      افزونه فایل های LESS را با خدمات زبان CSS باز می کند.

      ۱
      Web Essentials 2012

      این فرمت اجازه می دهد تا وظایف رایج را بسیار آسان تر انجام دهید و ویژگی های مفید ویژوال استودیو برای توسعه دهندگان وب را اضافه کنید.

      ۲
      Web Essentials 2013

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

      ۳
      Web Tools 2013

      به شما در وظایف توسعه که شامل ASP.NET هستند کمک می کند.

      ۴

      Dreamweaver

      ویرایشگر و پلاگین ها در LESS

      نکات زیر باید در هنگام کار با Dreamweaver  که یکی از ویرایشگر در LESS است،مورد توجه قرار گیرند:

      • نرم افزار Adobe است که توسط طراحان وب و توسعه دهندگان برای ایجاد برنامه ها و وب سایت ها استفاده می شود.
      • می تواند در سراسر سیستم عامل های مختلف از جمله مرورگرها، دستگاه ها و تبلت ها کار کند.
      • طراحان وب از Dreamweaver برای ایجاد نمونه های وب استفاده می کنند.
      • کامپایلر DMXzone Less CSS  تمام قدرت های LESS CSS را به طور مستقیم در Dreamweaver می سازد.

      Notepad++ 6.x

      لازم است نکات زیر هنگام کار بر روی Notepad ++ مورد توجه قرار گیرند.
      Notepad ++ یک ویرایشگر متن متناهی و ویرایشگر کد منبع است که ویرایشهای tabbed، با چندین فایل باز در یک پنجره واحد، را پشتیبانی میکند،
      LESS برای Notepad ++ یک فایل xml است که نحو برجسته سازی یا رنگ آمیزی برای فایل های less. را فراهم می کند.

      کلام آخر

      در این جلسه در مورد ویرایشگر و پلاگین ها در LESS آموزش های لازم را دیدید و دریافتید که ویرایشگر در LESS و پلاگین ها در LESS شامل چه چیزهایی می شوند.

      Notepad++ 6.x،Dreamweaver،Visual Studio،Eclipse و … از جمله ویرایشگرهای  مورد استفاده  و پرکاربرد در LESS هستند.بهترین ویرایشگر کد، بهترین دوست برنامه‌نویس است.و انتخاب آن نیز بر عهده خود  اوست.امیدوارم از مطالب ذکر شده بهره کافی را برده باشید.

      QR:  جلسه ۴۱ : ویرایشگر و پلاگین ها در LESS
      به اشتراک بگذارید