LESS-エディターとプラグイン

この章では、LESSでの_editors_と_plugins_の重要性を理解します。エディターは、ユーザーがテキストを編集できるようにするシステムまたはプログラムです。プラグインは、サイトの機能を拡張するために使用されるソフトウェアです。

次に、LESSのエディターとIDEについて説明します。

Sr.No.	Editors and IDEs & Description
1	Crunch! Windows、Mac _、 Linux_などのクロスプラットフォームをサポートしています。エディターに統合コンパイルを提供します。
2	Mindscape Web Workbench CoffeeScript、SASS、Compass、LESSの編集機能を提供し、Visual Studioでの最新のWeb開発を容易にします。
3	NetBeans これは、オープンソースのJavaベースのIDEです。これは、デスクトップ、モバイル、およびWebアプリケーション、およびHTML、JavaScript、CSSを含むHTML5アプリケーションの迅速な開発に役立ちます。
4	TextMate これは、Mac OS X用の汎用グラフィカルテキストエディターです。宣言的なカスタマイズ、記録可能なマクロ、スニペット、シェル統合、開いているドキュメントタブ、および拡張可能なバンドルシステムを備えています。
5	Vim vimバンドルは、動的スタイルシート言語LESSのインデント、強調表示、自動補完などの機能を追加します。
6	Emacs LESS CSS（lesscss.org）にEmacsモードを提供するless-css-modelが含まれています。 Emacsは、コンパイル時保存をサポートしています。
7	jetBrains WebStorm and PhpStorm WebStromは軽量で強力なIDEです。 Node.jsを使用した複雑なクライアントサイドおよびサーバー開発に最適です。 PhpStormはPHP IDEであり、コードの深い理解をサポートし、すべての主要なツールとフレームワークに対して最高のコーディング支援とサポートを提供します。
8	Brackets Webデザイナーやフロントエンド開発者を支援する、軽量で強力なオープンソースコードエディターです。
9	CodeLobster これは、主にPHP用のポータブルな統合開発環境（IDE）です。また、HTML、CSS、およびJavaScriptの開発をサポートし、Drupal、WordPress、Smarty、Joomla、JQuery、Facebook、Codeigniter、Yii、CakePHPのプラグインを利用できます。
10	KineticWing IDE 素早く、きれいで、軽量でポータブルなIDEです。スマートで高速な作業を支援するフルサイズの開発スイートです。
11	nodeMirror オープンソースで簡単にカスタマイズ可能なIDEです。 CodeMirror.net、pty.js、およびその他のライブラリを利用します。
12	HTML-Kit Tools これは、HTML5、CSS3、JavaScriptなどの最新のWebエディターです。これにより、最新の標準に準拠したエディターからプロジェクトを編集、プレビュー、検証、公開、管理できます。

崇高なテキスト2および3

sublime textは、次の表にリストされているように、LESSのさまざまなオプションを提供します-

Sr.No.	Options & Description
1	Less-sublime 崇高なテキストのLESS構文は、スニペットとともに_.less_ファイルの構文の強調表示を提供します。
2	Sublime-Less-to-CSS _Sublimeテキスト2_および_3_プラグインは、保存時に.less_ファイルをCSSにコンパイルします。 PATHに lessc をインストールする必要があります。
3	Less-build-sublime _sublime text 2_用のLESSビルドシステムは、LESSファイル用に2つのビルドシステムを提供します。
4	SublimeOnSaveBuild [保存]をクリックしたときにビルドをトリガーする_sublime text 2_のシンプルなプラグインです。 LESS、Compass、およびその他のプリプロセッサでうまく機能します。

エクリプス

Eclipseには、次の表に示すように、LESS用の2つのプラグインがあります-

Sr.No.

Plugins & Description

1

Eclipse Less Plugin

Eclipse IDEを拡張することにより、このプラグインはLESSスタイルシートを編集およびコンパイルするための便利な機能を提供します。

2

Transpiler Plugin

このEclipseプラグインは、LESS、SASS、CoffeeScriptなどのファイルを自動的に変換します。

ビジュアルスタジオ

Visual Studioには、LESSに対して次の異なるオプションがあります-

Sr.No.	Options & Description
1	CSS Is Less この拡張により、CSS言語サービスでLESSファイルが開かれます。
2	Web Essentials 2012 この拡張機能を使用すると、一般的なタスクをはるかに簡単に実行でき、Web開発者向けの便利な機能がVisual Studioに追加されます。
3	Web Essentials 2013 特定の言語やエディターに固有ではない多くの新機能でVisual Studioを拡張します。
4	Web Tools 2013 これは、ASP.NETが関係する開発タスクで役立ちます。

ドリームウィーバー

Dreamweaverを使用する場合は、次の点を考慮する必要があります。

これは、Webデザイナーおよび開発者がアプリケーションおよびWebサイトを作成するために使用するAdobeアプリケーションです。
ブラウザ、デバイス、タブレットなど、複数のプラットフォームで機能します。
Webデザイナーは、Dreamweaverを使用してWebサイトのプロトタイプを作成します。
DMXzone Less CSS Compilerは、すべてのLESS CSSの機能をDreamweaverで直接作成します。

Notepad ++ 6.x

Notepad++で作業する際には、次の点を考慮する必要があります。

Notepad ++は、タブ付き編集をサポートする無料のテキストエディタおよびソースコードエディタです。つまり、単一のウィンドウで複数の開いているファイルを操作します。
LESS for Notepad ++は、.lessファイルの構文の強調表示または色付けを提供するxmlファイルです。詳細については、https://github.com/azrafe7/LESS-for-Notepad-plusplus [link]をクリックしてください。
Notepad ++をインストールするには、https://sourceforge.net/projects/notepad-plus/#How_to_install_user_defined_language_files [link]をクリックしてください。

Less-editors-and-plugins

目次