Sublime Text3 フロントエンド必須プラグイン

以下は 崇高な紹介です チュートリアル欄を使用して、いくつかの重要な Sublime Text3 フロントエンド プラグインを紹介します。困っている友人の役に立てば幸いです。

Package Control のインストール

プラグインをインストールする前に、Sublime に Package Control をインストールさせる必要があります。 Sublime Text コンソールを開き、ショートカット キー 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)

プラグインをインストールします

emmet:

フロントエンド アーティファクト。 Web開発者のHTMLやCSSの作業効率を大幅に向上させるツールボックスコンポーネント。

概要を見る

CSS3:

CSS3 構文の強調表示と CSS 構文プロンプト唯一の欠点は、ブラウザーのプライベート属性の強調表示がないことです。

概要を表示

CSS 拡張補完:

CSS ファイルを関連付け、CSS ファイル内のクラス名をインテリジェントにプロンプ​​トし、非常に使いやすいです。

概要を見る

JavaScript Completions

JavaScript ネイティブ構文プロンプトをサポートしており、母は私が document.getElementById(id を入力することを心配する必要がなくなります) ）。

概要を見る

jQuery

jQuery の API を使いやすくするために、ほとんどの jQuery メソッドのサンプル コード スニペットを提供します。

概要を見る

ColorHighlighter

選択したカラー コード (「#FFFFFF」、「rgb(255,255,255)」、「」など) を表示できます。ホワイト") の本当の色。カラーピッカーも含まれているので、簡単に色を変更できます。

概要を表示

BracketHighlighter

ブラケットとラベル レベルが表示されるため、どのコード ブロックが選択されているかを心配する必要はありませんコードが属するものは一目瞭然です。

概要を見る

HTML-CSS-JS Prettify

THML、CSS、JS コードのフォーマット、圧縮されたコードは、このツールを使用して復元できます。

概要を表示

AlignTab

コードの複数行を = 記号で整列させるなど、正規表現を使用してコードを整列させます。

概要を見る

上記のプラグインは、HTML、CSS、JavaScript、jQuery、CSS カラー表示、コード ブロック レベルの強調表示、コードの書式設定、コードの配置、ほとんどのフロントエンドのニーズに対応します。

Sassの使い方としては、Sass、Sassbuild、gitをインストールし、sublimeGitとgit Gutterをダウンロードし、テーマを使いたい場合はテーマをダウンロードし、サイドバーを展開したい場合はサイドバーを展開します。すべて、これは誰にとっても必要なわけではありません。

こちらもお勧めのテーマ プラグインです。テーマ ライブラリは比較的充実しています。ほとんどの人が視覚疲労を避けるために使用できると思います。

Colorsublime

インストールが完了すると、テーマのインストールに入り、オンラインでテーマを変更できます。ライブラリには何百ものテーマがあり、素晴らしいです。

概要を見る

以上がSublime Text3 フロントエンド必須プラグインの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。