Webフロントエンドツール、Sublime Text 2の紹介

Sublime Text 2 は、軽量でシンプル、効率的なクロスプラットフォーム エディターです。ブロガーはフロントエンドのコードを書くのにnotepdd++を使っていますが、かなり使いやすいです。sublimeについては以前から聞いていましたが、ツールが使いやすいのであれば問題ないと思って、試してみるのを怠ったことはありませんでした。最近急にダウンロードしたくなって試してみました。結果は… 。 。その結果、ブロガーは恥ずかしげもなく Notepad++ を放棄しました。 。 。以下では、このフロントエンドアーティファクトを、ブロガーがここ数日使用した経験に基づいて紹介します。まだ短期間しか使用していないため、不適切な発言があった場合はご容赦ください。

Sublime for Windows には 2 つのバージョンがあります。
普通
Sublime Text関連のファイルは、プログラムと関連ファイル用とデータポータブルバージョン（Portable）用の2つのディレクトリに配置されます。
Sublime Text に関連するすべてのファイルはフォルダーに配置されます (コンピューターを変更してファイルを直接コピーできるため、プラグインをインストールしたり、何かを構成したりする必要がないため、これが推奨されます。とても便利です)

Sublime は使いやすいだけでなく、強力なプラグインも備えています。プラグインのインストール方法は次のとおりです。
1. 直接インストールする<br />Sublime text 2 プラグインをインストールすると非常に便利です。インストール パッケージを直接ダウンロードし、Packages ディレクトリ (preferences->packages) に解凍することができます。
2. パッケージコントロールコンポーネントを使用してインストールする（推奨）
コンソールを起動するには、Ctrl+` (` はタブ キーの上にあるキーです。他のチュートリアルで探しましたが、見つけるのにかなり時間がかかりました...) を押します。
次のコードを一番下のコマンドラインに貼り付けて、Enter キーを押します。
urllib2,os をインポートします。pf='Package Control.sublime-package'、ipp=sublime.installed_pa​​ckages_path()、os.makedirs(ipp)、そうでない場合は os.path.exists(ipp)、そうでない場合は None、open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
Sublime Text 2 を再起動します。
「環境設定」->「パッケージ設定」に「パッケージ コントロール」項目が表示されていれば、インストールは成功しています。

次に、Ctrl + Shift + p を押してインストール パッケージを入力し、最後にプラグイン名を入力して Enter を押します。すべて問題ないように見えますが、このインストール方法はプロキシのある環境では失敗する可能性があります。私の会社の環境はこのようなものです。どうすれば解決できますか?解決策は次のとおりです。

1. proxifier をダウンロードします。Google で検索してください (proxifier の登録はセキュリティ ソフトウェアによってトロイの木馬とみなされる可能性があるため、最初に解除する必要があります)
2. プロキシサーバーを設定する
設定ファイル =》プロキシサーバー =》追加
プロキシアドレス: xx.xx.com など
ポート: 8080 など
https
3. プロキシルールを設定し、対応するexeをSublimeのプロキシルールに追加します。

便利なプラグインのリスト(以下のプラグインはブロガーによってインストールされており、非常に便利です) :

Emmet (Zencoding、名前は変更されましたが、多くのウェブサイトではまだこの名前が使用されています)
HTML コードをすばやく記述するには、Ctrl + Alt + Enter を押して呼び出します。http://docs.emmet.io/abbreviations/syntax/ を参照してください。

サブライムリンター
lint 構文をサポートするプラグイン。ctrl+alt+l を押してこれを呼び出し (QQ のロックと競合するため、ホットキーを自分で変更してください)、リンターが間違っていると判断したコード行を強調表示します。

jQuery
jQuery を使用する学生はこれを見逃さないでください。書き込んだ後、Tab キーを押すと、驚きの結果が出てきます。

アライメント
いくつかの変数を書いて選択する、Ctrl+Alt+Aなどのコードの整列。コードのきれいさにこだわる人にはこれがいいでしょう。

ブラケットハイライター
コードの一致を強調表示し、括弧、引用符、タグなどを一致させることができます。

ドックブロッカー
自動コメント、jsdoc 標準に完全準拠、/** を押すだけでコメントについて心配する必要はもうありません

プレフィックス
CSSを記述するときに、Ctrl+Alt+Xでトリガーされる-webkitなどのプライベート接頭辞を自動的に追加できます。

タグ
HTML フォーマットでは、ドキュメント上のタグの自動フォーマットを右クリックします。

JS フォーマット
JS コード フォーマット プラグイン。Ctrl + Alt + F でコードをフォーマットし、数分で美しいコードを作成できます。

テーマ - ソーダ

このテーマはなかなかクールです。設定->ユーザー設定で、「color_scheme」を追加します: 「Packages/Color Scheme - Default/Monokai Soda.tmTheme」
"テーマ": "ソーダダーク.sublime-theme"
新しいコード カラー スキームをインストールします。[設定] -> [パッケージの参照] をクリックしてパッケージのインストール ディレクトリを開き、[カラー スキーム - デフォルト] フォルダーを見つけて、ダウンロードした新しいカラー スキームをインストールします。


Sublime Text のショートカット キー:
Ctrl+Shift+P: コマンド パネルを開きますCtrl+P: プロジェクト内のファイルを検索しますCtrl+G: 行にジャンプしますCtrl+W: 現在開いているファイルを閉じますCtrl+Shift+W: 開いているすべてのファイルを閉じますCtrl+Shift+V: 貼り付けと書式設定Ctrl+D: 単語を選択します。同じ単語を選択するには、これを繰り返しますCtrl+L: 行を選択します。連続する次の行を選択するには、これを繰り返しますCtrl+Shift+L: 複数の行を選択しますCtrl+Shift+Enter: 現在の行の前に新しい行を挿入しますCtrl+M: 対応する括弧にジャンプしますCtrl+U: ソフト アンドゥ、カーソル位置を元に戻しますCtrl+J: タグ コンテンツを選択しますCtrl+F: コンテンツを検索Ctrl+Shift+F: 検索と置換Ctrl+H: 置換Ctrl+R: メソッドに移動
Ctrl+N: 新しいウィンドウを作成Ctrl+K+B: サイドバーを切り替えCtrl+Shift+M: 現在の括弧の内容を選択し、括弧自体を繰り返し選択できますCtrl+F2: マークの設定/削除Ctrl+/: 現在の行をコメント化Ctrl+Shift+/: 現在の位置にコメントを挿入Ctrl+Alt+/: コメントをブロックし、最初の行にフォーカスしてコメントの説明を書き込みますF11: 全画面Shift+F11: 全画面の邪魔しないモード、現在のファイルのみを編集Alt+F3: 同一の単語をすべて選択Alt+Shift+数字: 画面を分割表示Alt+数字: N 番目のファイルを開くように切り替えCtrl+Tab: タブを切り替え
Ctrl+Shift+上下キーで行を置換します

仕事をうまくやり遂げたいなら、まず道具を研がなければなりません。はい、Sublime は間違いなく強力なフロントエンド ツールです。使い続けて、要約し続けてください。優れた Sublime プラグインやヒントがあれば、ぜひ追加してください。ありがとうございます。