Sublime-text-quick-guide
崇高なテキスト-はじめに
Sublime Text Editorは、ローカルファイルまたはコードベースを編集するためのフル機能のテキストエディターです。 開発者が変更を追跡するのに役立つコードベースを編集するためのさまざまな機能が含まれています。 Sublimeによってサポートされているさまざまな機能は次のとおりです-
- 構文ハイライト
- 自動インデント
- ファイルタイプの認識
- 上記のディレクトリのファイルを含むサイドバー
- マクロ
- プラグインとパッケージ
Sublime Textエディターは、Visual StudioコードやNetBeansなどの統合開発エディター(IDE)として使用されます。 Sublime Textエディターの現在のバージョンは3.0で、Windows、Linux、MacOSなどのさまざまなオペレーティングシステムと互換性があります。
なぜ崇高なテキストなのか?
適切なテキストエディタを使用すると、その豊富な有益な機能を楽しむことができます。 Sublime Textはユーザーに次の利点を提供します-
- リンカーエラーを解決する機能。
- 作業するすべてのファイルとフォルダーを追跡します。
- Git、Mercurialなどのバージョン管理システムとの接続。
- 問題解決機能。
- 構文の組み合わせのために色の組み合わせを保持します。
Sublime Textは、公式Webサイト(https://www.sublimetext.com/[www.sublimetext.com])からダウンロードできます。 次の章では、さまざまなオペレーティングシステムでのSublime Textエディターのインストール手順について学習します。
Sublime Text-インストール
崇高なテキストエディタは、次の主要なオペレーティングシステムでサポートされています-
- Windows
- Linuxとそのディストリビューション
- OS X
Sublime Textは公式ウェブサイトからダウンロードできます-https://www.sublimetext.com/[www.sublimetext.com]
この章では、さまざまなオペレーティングシステムへのSublime Textのインストールについて学習します。
Windowsへのインストール
Sublime TextをWindowsにインストールするには、以下に示す手順に従う必要があります-
ステップ1 *-以下に示すように、公式Webサイトから *.exe パッケージをダウンロードします-
- ステップ2 *-次に、実行可能ファイルを実行します。 これにより、環境変数が定義されます。 実行可能ファイルを実行すると、画面に次のウィンドウが表示されます。 [次へ]をクリックします。
- ステップ3 *-次に、Sublime Text3をインストールする場所を選択して、[次へ]をクリックします。
- ステップ4 *-宛先フォルダーを確認し、*インストール*をクリックします。
- ステップ5 *-次に、*完了*をクリックしてインストールを完了します。
- ステップ6 *-インストールが正常に完了すると、次のようにエディターが表示されます-
Linuxへのインストール
LinuxディストリビューションにSublime Textをインストールするには、以下に示す手順に従う必要があります-
- ステップ1 *-コマンドラインターミナルを使用して、以下に示すコマンドを使用して、Sublime Textエディターのパッケージをインストールします-
sudo add-apt-repository ppa:webupd8team/Sublime-Text-3
- ステップ2 *-次のコマンドを使用してパッケージを更新します-
sudo apt-get update
- ステップ3 *-次のコマンドを使用してSublime Textリポジトリをインストールします-
sudo apt-get install Sublime-Text
上記のコマンドが正常に実行されると、Sublime Textエディターがシステムにインストールされていることがわかります。
OSXでのインストール
OSXオペレーティングシステムの場合、
- Sublime Text Editorの .dmg ファイルをダウンロードします。
- それを開き、 Applications フォルダーにドラッグアンドドロップします。
- 上記の2つのケースで見た手順に従ってください。
- アプリケーションを起動します。
崇高なテキスト-データディレクトリ
このチュートリアルでは、Subversionコントロールシステム、Git、およびビットバケットをSublime Textエディターと組み合わせて使用することに焦点を当てます。
他のテキストエディターと同様に、特定のリポジトリで作業することはSublime Textの重要な側面です。 以下に示す手順で詳細に示されています-
- ステップ1 *-ビットバケットからクローンを作成するリポジトリを検討します。 このチュートリアル全体でPythonスクリプトを使用することに注意してください。
- ステップ2 *-以下に示すように、Open Folderオプションを使用してSublime Textエディターにリポジトリを含めます。
- ステップ3 *-リポジトリを含めると、Sublime Textエディターの画面は次のようになります-
以下の画像に示すように、画面の左側に表示されるリストから開くファイルを選択できます-
色の組み合わせにより、コードに含まれるキーワードとパッケージが認識されることに注意してください。
崇高なテキスト-最初のドキュメントの作成
この章では、Sublime Textでファイルを作成する方法を段階的に学びます。
- ステップ1 *-オプション*新規ファイル*を使用して、Sublime Textエディターでファイルを作成します。
- ステップ2 *-新しいファイルが利用可能になると、他のテキストエディターと同様にコードを挿入し、作業リポジトリにファイルを保存できます。
ステップ3 *-関連付けられたファイルを保存すると、Sublime Textエディターは、ファイルのタイプに基づいてさまざまなオプションを提供します。たとえば、PHPスクリプトの場合は *.php 、Pythonスクリプトの場合は .py 、およびJavaコードベース。
ステップ4 *-コードリポジトリはPythonプロジェクトにあるため、以下に示すように、ファイルを *demo1.py として保存します-
Sublime Text-最初のテキストドキュメントの編集
コードエディターを使用すると、ユーザーはさまざまなショートカットキーを使用してコードスクリプトとテキストドキュメントを編集できます。 この章では、Sublime Textの最初のテキストドキュメントの編集オプションに関するさまざまな例を理解してみましょう。
同時評価
この例では、2つの場所にprintステートメントを追加する方法がわかります。
- ステップ1 *-次のコードを含むPythonの最初のスクリプトを検討します-
ステップ2 *-指定されたスクリプトで、単純なステートメントを使用して、ループの開始点と終了点に言及したいとします。 必要に応じてprintステートメントを作成できますが、Sublime Textエディターでは、WindowsまたはLinuxの場合は *Ctrl + cursor ポイント、Macの場合は Cmd + cursor ポイントのショートカットを使用して、コメントとステートメントを2つの場所に同時に追加できます。 次に、以下に記載されているようにカーソルポイントを見ることができます-
- ステップ3 *-これで、下の画像に示すように、前述のカーソルポイントの両方の位置にprintステートメントを挿入できます。
オカレンスの検索
Sublime Textエディターには、スクリプトに含まれるキーワードの出現を検索する機能が含まれています。 キーワードの出現箇所を検索するためのショートカットキーは、関連するキーワードを強調表示した後、 Ctrl + D です。
特定のコードの print などのキーワードを検索する場合は、 Ctrl + D または Cmd + D を使用して、関連するキーワードの出現回数を取得できます。
行にコメントを追加
実際にコメントが必要なコードセクションを選択した後、Windowsではショートカットキー Ctrl + Shift + L 、Macオペレーティングシステムでは Cmd + Shift + L を使用して、行末にコメントを追加できます。
崇高なテキスト-コード編集のパターン
Sublime Textエディターで使用されるコード編集とショートカットキーにはさまざまな種類があります-
- 選択を行に分割する
- HTMLファイルの段落全体をラップする
- すべての出現を見つける
この章では、それぞれについて詳しく説明します。
選択範囲を行に分割する
キーの組み合わせ Ctrl + Shift + L を使用すると、Windowsで行のブロックを選択して分割できます。 以下に示すスクリーンショットはこれを説明しています-
完全な段落をHTMLファイルにラップ
Windowsの場合は Alt + Shift + w 、Macの場合はCmd + Shift + wのキーの組み合わせにより、ユーザーはコードのセクションを分割してさまざまな段落を作成できます。 これは、* htmlタグでのラップ選択*と呼ばれます。 これにより、Sublimeエディターを使用してHTMLタグを含めることもできます。
以下のスクリーンショットは、HTMLタグでテキストをラップする方法を説明しています-
テキストをラップした後、HTMLタグでラップされたテキストは以下のように表示されます-
すべての発生を見つける
キーパターン Ctrl + Shift + f を使用すると、特定のプロジェクトでキーワードを検索できます。 以下に示すスクリーンショットはこれを説明しています-
ショートカットキーを使用すると、 find、where 、 replace の3つのオプションが含まれるウィンドウが開きます。
どこで、
- find は特定のキーワードの検索を指し、
- where は、どのリポジトリが検索されるかに関するセクションに言及しています。
- replace は、findキーワードの代わりに置換されるキーワードに言及しています。
崇高なテキスト-崇高なリンター
リンティングは、疑わしい構成要素にフラグを立てるプロセスであり、プログラミング言語のバグである可能性があります。
Sublime LinterはSublime Textのパッケージで、Sublimeでリンティングを実行するのに役立ちます。 コードベースを操作するためのさまざまなモードでファイルを作成するのに役立ちます。 組み込みのパッケージではないため、手動でインストールする必要があります。
SubCtrl Textエディターでは、ショートカットキーの組み合わせ Ctrl + Shift + P を使用し、 Package Control:Install Package オプションを選択して、パッケージコントロールをインストールできます。
Sublime Textエディターでインストールする関連パッケージを選択します。 Sublime Linterをインストールするには、 SublimeLinter プラグインのオプションを選択する必要があります。
インストールが成功すると、画面は次のようになります-
崇高なリンターのモード
崇高なリンターは、下記のように4つの異なるモードで実行されます-
バックグラウンドモード
Sublime Linterキーが true に設定されている場合、ファイルが変更されるたびにバックグラウンドでリンティングが常に実行されます。
ロードセーブモード
Sublime Linterキーがに設定されている場合、ファイルがリポジトリからロードされると、* load save *がリンティングされます。
保存専用モード
Sublime Linterキーが save only モードに設定されている場合、特定のファイルを作業リポジトリに保存しながらリンティングが実行されます。
オンデマンドモード
オンデマンドモードでは、Sublime Linterは true に設定され、ショートカット Ctrl + Alt + L を使用して、コードにバグがあればそれを検出するようにリンターを設定します。
崇高なテキスト-ショートカット
Sublime Textエディターには、出力を操作するためのショートカットとメソッドが含まれています。 この章では、適切な図を使用してこれらのショートカットについて詳しく説明します。
コマンドパレットを開く
Sublime Textエディターのコマンドパレットには、パッケージとコンソールをインストールするためのオプションが含まれています。 この目的のショートカットキーは、Windowsでは Ctrl + Shift + P 、Macでは Cmd + Shift + P です。 以下のスクリーンショットは、このショートカットを使用してコマンドパレットを開くことを示しています。
サイドバーの切り替え
Sublimeテキストエディタには、スクリプトまたはファイル名を表示するサイドバーが含まれています。 この目的のために、Windowsではショートカットキー Ctrl + KB 、Macでは Cmd + KB を使用できます。
ステータスバーにスコープを表示する
Windowsのショートカットキー Ctrl + Shift + Alt + P およびMacの Ctrl + Shift + P は、ステータスバーにスコープを表示します。 次のスクリーンショットは、このショートカットの図を示しています。
Pythonコンソール
Sublime Textエディターを使用してPythonスクリプトを操作する場合、Windowsの場合は* Ctrl + * `、Windowsの場合は Control + `を使用して、Pythonコンソールを操作できます。
新しい窓
- Ctrl + Shift + NCmd + Shift + N * 新しいウィンドウ
崇高なテキスト-スニペット
スニペットは、必要なときにいつでも再利用できるスマートテンプレートです。 Sublimeテキストエディターには、HTMLテンプレートのスニペット機能が含まれています。 この章では、それらについて詳しく学習します。
スニペットを理解する
スニペットは、さまざまな属性を持つ単純なXMLサポートファイルです。 sublime-snippet と呼ばれる拡張機能が含まれています。 XML要素のルートタグは <snippet> タグになります。 作成されたスニペットは Packages フォルダーに保存され、このフォルダーにあると見なされます。
スニペットのファイル形式と構文は次のように詳細に説明されています-
- 内容-このセクションには、スニペットの説明が含まれています。
- tabTrigger -スニペットが書き込まれたときにトリガーされる文字のシーケンスが含まれています。
- スコープ-スニペットがアクティブのままであるスコープを定義します。
- 説明-すべてのメタ説明が含まれます。 スニペットのメニューが開いているときに表示されます。
最初のスニペットの作成
- ツール→開発者→スニペット*オプションを使用して、デフォルトのスニペットを作成できます。
ツール-開発者-スニペットオプションを使用してスニペットを作成
次に、関連するタグを含むデモスニペットが以下のように作成されます-
Sublime Textエディターで最初のスニペットを作成するには、ここのスクリーンショットに示すように、 Tools メニューをクリックし、ドロップダウンウィンドウから Snippets オプションを選択します。
次に、表示されたオプションから Snippet:html を選択します。
これにより、以下に示すように、指定されたhtmlファイルにデフォルトのスニペットが作成されます。
ファイルの種類ごとにさまざまなスニペットがあることに注意してください。 コードベース内のhtmlファイルの場合、以下に示すように、Sublime Textエディターで3つのスニペットが定義されています。
パッケージ制御スニペット
コントロールスニペットは、主に製品開発に使用されます。 Sublimeエディタの install packages オプションを使用すると、Web開発に必要なスニペットをダウンロードしてインストールできます。
あなたは、Web開発のために次のパッケージが必要な場合があります-
- EverCodeLab SublimeはRuby on Railsをサポートしています
- PHP用の追加のPHPスニペット
- HTMLファイルのHTMLスニペット
- Twitter BootstrapのTwitter Bootstrapスニペット
- JSファイルのJavaScriptスニペット
- jQuery用のjQueryスニペットパック
崇高なテキスト-マクロ
マクロは、一連のコマンドを含む基本的な自動化機能です。 同じステップを含む操作を実行する必要があるときはいつでもマクロを使用できます。
マクロファイルは、*。sublime-micro *という拡張子を持つJSONファイルであり、非常に役立つと考えられています。
マクロを記録する
マクロの記録は、指定されたファイルに必要な一連のコマンドを保持する手順を定義します。 あなたは2つの方法でマクロを記録することができます-
- Windowsでマクロを、MacでCmd + Qを記録するには、ショートカットキー Ctrl + Q を使用します。
- Tools→Record Macro の record オプションを使用します。
マクロが記録を開始すると、Sublime Text Editorで次のメッセージを見ることができます-
マクロを再生する
Windowsではショートカットキー Ctrl + Shift + Q 、Macでは Cmd + Shift + Q を使用して、Sublime Textでユーザーが記録したマクロを再生できます。 このショートカットはSublimeで*最後に記録された*マクロを再生することに注意してください。
マクロを保存する
オプション[ツール]→[マクロの保存]を使用して、記録されたマクロを保存できます。 次のスクリーンショットは、このオプションを使用してマクロを保存する方法を示しています。
以下に示すように、ツールメニューバーのさまざまなオプションを使用してマクロを再定義することもできます-
崇高なテキスト-キーバインディング
Sublime Textのキーバインディングは、ユーザーがキーを押すシーケンスを処理し、アクションにマップするのに役立ちます。 これらはJSON形式で定義され、*。sublime-keymap *ファイルに保存されます。
統合を改善するには、Linux、OSX、およびWindowsのキーマップファイルを個別に保持することが重要です。 対応するプラットフォームのキーマップがSublime Textエディターにロードされます。
ユーザーは、 Preferences→Key Bindings オプションを使用して、 keymap ファイルまたはデフォルトのキーバインディングを開くことができます。
次の例は、Windowsでキーバインディングを実行する方法を示しています-
[
{ "keys": ["ctrl+shift+n"], "command": "new_window" },
{ "keys": ["ctrl+shift+w"], "command": "close_window" }
]
キーバインドの定義
Sublime Textエディターには、キーマップを定義するオプションが含まれています。 ファイル .sublime-keymap で定義されているキーバインディングには、すべてのキー値の組み合わせが含まれています。
次のキーバインディングセットをこのファイルに含めて、以下に示すコードの助けを借りて、実行を確認するためにそれらを保存できます-
[
{
"keys": ["super+alt+;"], "command": "run_macro_file",
"args":
{"file": "Packages/User/semicolon.sublime-macro"}
}
]
ここで、 super は、WindowsまたはLinuxのWinkey、およびOSXオペレーティングシステムのコマンドです。 このコードは Packages/User にあるマクロを実行し、 Super + Alt + キーを押すと semicolon.sublime-macro という名前のマクロが実行されることに注意してください。
崇高なテキスト-列の選択
この章では、Sublime Textのファイルの列を移動および選択するためのさまざまなショートカットキーを学習します。
ポインターをコードの先頭に移動する
ショートカット Ctrl + Home を使用して、Sublime Textエディターでコードの先頭にポインターを移動できます。
ここに示すサンプルコードを確認します。
以下のスクリーンショットは、カーソルが先頭に移動した同じコードを示しています。
列の拡張
ショートカット Ctrl + L を使用して、指定した列を拡張できます。 このショートカットは、ポインターを含む列を選択します。 次のスクリーンショットはこれを詳細に説明しています-
列のトリミング
ショートカット Ctrl + K を使用して、ファイルの指定された列をトリミングできます。 OSXでは、この目的のためにキーの組み合わせ Cmd + K を使用する必要があります。
ここに示す例は、5列目に記載されている行がトリミングされているコードを表示します。
テキストのブロックを分割する
ショートカット Ctrl + Shift + K を使用して、選択したテキストブロックを2つの選択に分割できます。
注-キーの組み合わせと以前のキーの組み合わせとの違いは、列が表示されることです。 Ctrl + Shift + K は指定されたコードから列番号を削除しますが、 Ctrl + K は列全体をトリミングした後、列番号をそのまま保持します。
崇高なテキスト-インデント
インデントは、体系的な構造を維持するためにプログラミング言語のコードブロックを維持するプロセスです。 開発者にプログラムのより良い構造を伝えるのに役立ちます。 この章では、Sublime Textエディターのインデントについて詳しく説明します。
インデントの重要性
インデントは、コード構造にアクセスしてだれでも簡単に理解できるように、コード構造を維持するのに役立ちます。 適切なインデントは、コードに次の機能を付与します-
- 読みやすさ
- 使いやすさ
- 適応性
- メンテナンスのしやすさ
崇高なテキストのインデントのオプション
Sublime Textエディターは、次のスクリーンショットに示すように、コードのインデントにさまざまなオプションを提供します-
これらのオプションの使用方法は、ここで詳細に説明されています-
インデントオプション
インデントオプションは、指定されたコードのインデントを作成するのに役立ちます。 指定されたコードを選択し、インデント*オプションを選択する必要があります。 インデントする必要なコードを選択した後、ショートカット Ctrl + [*を使用することもできます。 より良い理解のために、次のスクリーンショットを参照してください-
インデント解除オプション
インデント解除オプションは、インデント手順の逆で機能します。 インデント解除オプションのショートカットは Ctrl +] です。 より良い理解のために、次のスクリーンショットを参照してください-
再インデントオプション
Reindentオプションは、インデント解除オプションを元に戻し、コードを同じ条件に戻すために使用されます。 より良い理解のために、次のスクリーンショットを参照してください-
インデントの利点
適切なインデントは、コードと開発者にさまざまな利点を提供します。 以下で説明します-
- コードブロックは、多くの労力をかけずに表示されます。
- 開発者は、必要なコード行に集中し、無関係なコードを簡単に無視できます。
- 同じ種類のコード構造を複数回使用する開発者は、 start of block および end of block ステートメントに集中する必要はありません。
- 誤って配置されたコード行は簡単に識別できます。
崇高なテキスト-基本設定
Sublime Textエディターの基本設定は、フォントサイズ、行番号の表示、エディターの配色など、エディターに必要な構成です。
すべての基本設定はJSON形式で構成されます。 設定のリストを表示するには、[設定]→ [設定]のメニューに移動します。*
設定には、構成の2つのタイプが含まれます-
- デフォルト
- User
デフォルトにはすべてのデフォルト構成が含まれ、ユーザーは基本設定のカスタマイズされた設定を定義します。
上記のシナリオの場合、カスタマイズされた設定は以下のとおりです-
"font_size": 15,
"ignored_packages":
[
"Vintage"
]
設定のカテゴリ
Sublime Textの設定のさまざまなカテゴリは次のとおりです-
エディター設定
これらには、コードベースのファイルを編集するための基本設定が含まれます。 例には、 font_face、font_size 、および tab_size が含まれます。 設定はデフォルト設定にあります。
ユーザーインターフェース設定
これらには、背景、テーマ、さまざまな色の組み合わせに特に焦点を当てた一般的な設定が含まれます。 これらの設定は、デフォルト構成の2番目のセクションに追加されます。
アプリケーションの動作
これらの設定は、開いているウィンドウ全体のSublime Textエディターに含まれるアプリケーションの動作に焦点を当てています。 これらの設定は、デフォルトの構成設定の3番目のセクションに含まれています。
構文-特定の設定
これらの設定は、Sublime Textエディターの構文の設計に使用されます。 構文固有の設定のリストを取得するには、ユーザーはオプション Preferences-Syntax-Specific を使用する必要があります。
崇高なテキスト-テーマ管理
Sublimeテキストエディターのテーマ管理は、エディターの外観を色と魅力的な背景で強化することを意味します。 テーマは、*。sublime-theme *拡張子を持つJSON形式の値であり、IDEの要素の色を変更することにより、エディターのユーザーインターフェイスの外観を管理します。
テーマのインストールと適用
次の手順では、Sublime Textエディターでテーマをインストールして適用する方法について説明します-
ステップ1 *-Sublime Textの *Install Packageを使用して、ここのスクリーンショットに示すように、テーマのパッケージをインストールします-
- ステップ2 *-*パッケージのインストール*オプションでオプションのリストを見ることができ、それらをダウンロードしてSublime Textエディターでインストールできます。
- ステップ3 *-テーマを選択したら、アクティブにします。
- ステップ4 *-インストール済みテーマリストのリストから目的のテーマを選択します。 これにより、エディターの外観が自動的に変更されます。
カラースキーム
配色は、配色付きの Packages フォルダーにあるXML形式のファイルです。 UI要素に固有のテーマとは異なり、Sublimeテキストの色をカスタマイズする素晴らしい方法です。
オプション Preferences→Color Scheme を使用して、配色を選択できます。 同じことを示す次のスクリーンショットを参照してください。
カラースキームには、ブレーカー、マリアナ、モノカイ、*および *16 などのさまざまなオプションが含まれます。 エディターの外観は、選択した配色によって異なります。 これらのパターンは、色の構文のみに焦点を合わせていることに注意してください。
崇高なテキスト-ビンテージモードを理解する
Sublimeテキストエディターのビンテージモードは、viの編集機能の組み合わせを含むパッケージです。 ビンテージモードでは、Sublimeエディターでviコマンドのリストを使用できます。
ヴィンテージモードはオープンソースプロジェクトであり、リンクからダウンロードできます-
https://github.com/sublimehq/Vintage
viエディターについて
Vi
Sublimeには、 vi エディターの高度なセクションである vim が含まれており、マクロ、スニペット、およびプラグインのカスタマイズが含まれています。
ビンテージモードを有効にする
次の手順でビンテージモードを有効にできます-
- オプション Preferences→Settings を選択します
- キー名を ignored_packages として設定構成の json ファイルを編集します。 ビンテージパッケージは、 ignored_packages セクションに含まれています。
- SublimeテキストエディターでVintageプロパティを有効にするには、構成からVintageの属性を削除します。
"ignored_packages": []
- 次のスクリーンショットに示すように、ビンテージモードエディターが表示されます-
崇高なテキスト-ビンテージコマンド
ビンテージモードには、viエディターに似たさまざまなコマンドが含まれています。 これには、以下に示すコードに示すように、Sublime Textエディターの基本設定が含まれます-
{
"color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
"font_size": 15,
"ignored_packages":
[
],
"vintage_start_in_command_mode": true,
"theme": "Soda Dark.sublime-theme"
}
Mode | Description | Key |
---|---|---|
Command Mode | Waits for the user to enter a command | Esc |
Insert Mode | Text can be inserted in different positions | i/I/a/A |
Visual Mode | Select/highlight the text using the Movement Commands | V |
Visual Line Mode | Select/highlight lines of text using the arrow keys | Shift + V |
ヴィンテージモード
Vintageousは、viエディターの記述分析に使用されるパッケージです。 下記のようにパッケージコントロールを使用してダウンロードできます-
パッケージコントロールを使用してダウンロードされたビンテージモード
ヴィンテージパッケージを正常にインストールすると、画面は次のスクリーンショットのようになります-
スクリーンショットがヴィンテージパッケージを正常にインストールしました
Sublime Text-Javascriptのテスト
Sublime Editorには、さまざまなプログラミング言語のテストモジュールが含まれています。 これは、ファイルとスクリプトの単体テストに役立ち、開発者がバグ、エラー、問題(ある場合)を分析するのに役立ちます。
Sublime Textエディターには、JavaScriptのテストと展開に必要な3つのモジュールが含まれています。 この章では、それらについて詳しく説明します。
JsFormat
JsFormatは、スクリプト行のフォーマットに使用されるJavaScriptプラグインであり、ユニットテストプロセスを容易にします。 舞台裏では、JS beautifier(http://jsbeautifier.org/)を使用して完全なJSまたはJSファイルの一部をフォーマットします。 JSFormatは、Sublimeエディターの Install Package オプションを使用してインストールできます。
特徴
JsFormatは、スクリプトに次の機能を提供します-
- JSおよびJSONファイルのフォーマットを容易にします。
- 全文書式と選択された書式を提供します。 *書式設定オプションのカスタマイズ可能な設定を提供します。
JSHint
JSHintは、ヒントを通じてミスを分析するために使用されるコミュニティ主導のツールです。 これは、エラーおよび潜在的な問題の検出に役立ちます。 JSHintは、シンプルでわかりやすいオープンソースパッケージです。* Install Package *モードを使用して、Sublime TextエディターでJSHineをインストールできます。
Sublime Text EditorにJSHintプラグインを実装するには、Windowsではショートカット Alt + J 、OSXシステムでは Cmd + j を使用できます。
JavaScriptNext
このスクリプトは、JSファイルの構文とそれに関連する意味を強調するために使用されます。 さまざまなモジュール、矢印関数、クラス、ジェネレーターを使用した構文ハイライト機能が含まれています。
次のスクリーンショットに示すように、構文リストを使用してファイルの構文チェックを実行できます-
Sublime Text-Pythonコードのテスト
Pythonは、展開前に設計されたスクリプトを単体テストするための公式の単体テストフレームワークである unittest を提供します。 PyUnit とも呼ばれます。 Sublime Textエディターで使用されるPythonユニットテストは、 sublime-unittests と呼ばれ、次のリンクで利用可能です-
https://github.com/martinsam/sublime-unittest
これらの単体テストには、単体テストケースの記述を容易にするための便利なスニペットが多数含まれています。
UnitTestのインストール
Sublimeのパッケージコントロールは、 unittests のインストールを管理し、次の手順で詳細を説明します-
ステップ1 *-以下のスクリーンショットに示すように、Sublime Editorのコマンドパレット *Ctrl + Shift + P を使用してパッケージをインストールします-
- ステップ2 *-インストールされたパッケージは、次の2つのメインスニペットを使用します-
- 新しいテストクラスを作成するために使用される testclass
- testfunc 記入する新しいテスト関数を作成するために使用されます
- ステップ3 *-コンソールは、下のスクリーンショットに示すようにテスト結果を計算します。 結果はテストの成功または失敗に依存することに注意してください。
成功結果
失敗結果
注意-ユニットテストケースは、Pythonでスクリプトを計算するためのコンパイラとして機能します。
崇高なテキスト-スペルチェック
Sublime Text Editorは、スペルチェックプロセスに Hunspell を使用します。 Hunspell は、LibreOffice、Mozilla Thunderbird、Google chrome、および多くの独自パッケージのスペルチェッカーです。 Sublime Textエディターには、単語の適切なスペルチェックのための辞書サポートが含まれています。
辞書
Sublime Textには、UTF-8でエンコードされた辞書が含まれています。 Sublime Textエディターで辞書を実装するには、最初にUTF-8に変換する必要があります。 ユーザーがUTF-8エンコードされた辞書を持っている場合、Sublime Textエディターの Preferences オプションを使用してインストールできます。
あなたは、与えられたスクリーンショットに示すように*表示→辞書*メニューから辞書を選択することができます-
辞書の設定
Sublime Text Editorのスペルチェックのために定義された2つの設定があります-
- スペルチェック
- 辞書
//Set to true to turn spell checking on by default
"spell_check": false,
//Word list to use for spell checking
"dictionary": "Packages/Language - English/en_US.dic"
これらの構成は settings ファイルに含まれています。 追加された単語と無視された単語は、それぞれ added_words キーと ignored_words キーの下のユーザー設定に保存されます。
崇高なテキスト-パッケージ
ソフトウェアパッケージは、追加機能のためにSublime Textにインストールされます。 ソフトウェアパッケージのリストは、Windowsではショートカットキー Ctrl + Shift + P 、Macでは Cmd + Shift + P を使用して表示できます。 より良い理解のために、次のスクリーンショットを観察します-
これらのパッケージは、必要な設定全体を含む Packages→User ディレクトリにインストールされます。 パッケージを参照するには、以下のスクリーンショットに示すように、*設定→パッケージの参照*オプションを選択します-
Packages User Directory Configuration3
これらのファイルは、必要に応じて変更できるカスタマイズされた構成です。 パッケージはJSON形式で作成されます。
次のコードを含む作成された sublime-keymap パッケージを考慮してください-
[
{
"keys": ["super+alt+;"],
"command": "run_macro_file",
"args": {"file": "Packages/User/semicolon.sublime-macro"}
}
]
崇高なテキスト-メニュー
この章では、Sublime Textエディターの File、Edit および Goto メニューの主要オプションについて学びます。
エンコードで保存
このオプションは File メニューに含まれており、適切なエンコードでスクリプトとファイルを保存するのに役立ちます。 Sublime Text Editorには、次のスクリーンショットに示すように、Pythonスクリプトをエンコードするためのさまざまなオプションが含まれています-
エンコードプロセスは、スクリプトをサードパーティの攻撃から保護するのに役立ち、認識された使用アイテムまたは関心のあるアイテムをコンストラクトに変換できます。
変換ケース
大文字小文字の変換は、大文字から小文字へ、またはその逆への変換に役立ちます。 より良い理解のために、次のスクリーンショットを参照してください-
たとえば、ファイルに含まれるキーワード Monica を考慮して、大文字に変換します。 より良い理解のために、次のスクリーンショットを参照してください-
後藤シンボル
このオプションを使用すると、ユーザーは適切なキーワードまたは機能を検索または取得できます。 このオプションは、1000行を超えるコードがあり、ユーザーが一意の行または注釈を検索する必要がある場合に非常に役立ちます。
次のスクリーンショットは、Goto Symbolのデモを示しています-
崇高なテキスト-フォントのサブメニュー
前の章では、 Preferences メニューに関連するさまざまなオプションについて説明しました。 この章では、Sublime Textエディターの*フォント設定*について詳しく学びます。
Sublime Editorには、特定の変更を取り消すための Larger、Smaller 、および Reset オプションの3つのフォントサイズのディメンションがあります。 ユーザーがエディターで適切な段落またはテキストを選択すると、指定したフォントを実装できます。
あなたが必要な変更を加える必要があるファイル functions.py の選択されたテキストを考慮してください-
大きなフォントを実装すると、スクリプトのサイズとフォントサイズが自動的に大きなサイズに変更されることに注意してください。
Sublime Text-開発プラグイン
すべてのエディターには、一連のアクティビティとデフォルトパッケージをトリガーする開発用のプラグインが含まれています。 Sublime Textエディターには、独自のカスタマイズされたプラグインを開発する機能が含まれています。 この章では、Sublime Textで独自のプラグインを開発する方法について詳しく説明します。
プラグインの開発
次の手順では、Sublime Textでプラグインを開発する方法を詳細に示します-
- ステップ1 *-以下に示すように、[ツール]→[開発]→[新しいプラグイン]をナビゲートして、[新しいプラグイン]オプションを選択します-
ステップ2 *-プラグインの基本コードには、 *sublime と sublime_plugin の2つのメインライブラリのインポートが含まれます。
プラグインのコードは-
import sublime
import sublime_plugin
class ExampleCommand(sublime_plugin.TextCommand):
def run(self, edit):
self.view.insert(edit, 0, "Hello, World!")
- ステップ3 *-カスタマイズされたプラグインは*パッケージ→ユーザー*フォルダーに保存されます。 Sublime Textエディターに保存されたプラグインを完全に理解できる次のスクリーンショットを参照してください。
プラグインを実行する
プラグインを作成して保存したら、Windowsではショートカットキー* Ctrl + 、OSXでは *Cmd +
</emphasis> を使用してコンソールを開き、ここに示すコマンドを実行します-
view.run_command(plugin-name)
このコマンドは、ユーザーが定義したプラグインを実行し、それに含まれるアクティビティのリストを実行します。
崇高なテキスト-コマンドパレット
コマンドパレットには、頻繁に使用されるアイテムまたはコマンドのリストが含まれています。 コマンドのエントリは* .sublime-commandsファイルに含まれています*。
コマンドパレットの使用
Sublime Textエディターでコマンドパレットを開くには、Windowsでは Ctrl + Shift + P 、OSXでは Cmd + Shift + P のショートカットキーの組み合わせを使用できます。
パレットから一般的に使用されるコマンドは次のとおりです-
- Pythonでビルドする
- パッケージをインストールする
Pythonでビルドする
これにより、すべての依存関係が生成され、指定されたPythonファイルの指定されたコードがビルドされます。
パッケージをインストールする
このコマンドを使用すると、以前に含まれていないインストール可能なパッケージのリストを取得します。
コマンドパレットに含まれるすべてのコマンドは、Packagesディレクトリに保存されます。 Default.sublime-commandsファイル内で宣言されたコマンドの基本的な例は、以下のコードに示されています-
[
{ "caption": "Project: Save As", "command": "save_project_as" },
{ "caption": "Project: Close", "command": "close_project" },
{ "caption": "Project: Add Folder", "command": "prompt_add_folder" },
]
注-JSONファイルには、すべてのコマンドに3つのメインキーが含まれています-
- 名前/キャプション
- ロケーション
- コンテンツ
Sublime Text-PHPアプリケーションのデバッグ
デバッグとは、特定のコードでエラーとバグを見つけて修正するプロセスです。 Sublimeエディターには、デバッグ機能を備えたさまざまなプラグインが含まれており、エラーを簡単に見つけることができます。
この章では、PHP Webアプリケーションをデバッグする方法を学びます。 Sublimeはこの目的のために* Sublime TestXデバッグ*プラグインを使用します。 このプラグインの機能は次のとおりです-
- これは、PHPファイルとスクリプトのデバッグに使用される拡張機能です。
- デバッグおよびプロファイリング機能のリストを提供します。
- スタックトレースと、ディスプレイや機能などのリアルタイムパラメーターを維持します。
Sublimeプラグインのインストール
Sublime Text Xdebugプラグインをインストールするには、次の手順を実行する必要があります-
ステップ1 *- *Ctrl + Shift + P または Cmd + shift + P のショートカットを使用して、パッケージコントロールパレットをインストールします。
ステップ2 *-Xdebugクライアントが正常にインストールされた後、構成ファイルは *Installed Packages フォルダーに保存されます。 構成ファイルは、PHP Webアプリケーションをデバッグするためのパラメーターを含むJSONファイルです。
ステップ3 *-ショートカット *Ctrl + F9 を使用して、PHPファイルのデバッグセッションを開始します。 コマンドパレットを使用して[*デバッグの開始]オプションを使用して実行することもできます。
ステップ4 *- *XdebugClient の分割ウィンドウには、PHPファイルの出力が表示されます。 行ごとにコードをデバッグするプロセスを保持します。 より良い理解のために、次のスクリーンショットを参照してください-
Javascriptアプリケーションのデバッグ
Sublime Text Editorには、JavaScriptコードをデバッグするための Web Inspector プラグインがあります。 ブレークポイントを設定し、コンソールを調べ、コードのセクションを評価するのに役立ちます。 この章では、このプラグインについて詳しく学習します。
Sublime Web Inspectorのインストール
次の手順は、Sublime Web Inspectorのインストールを示しています-
ステップ1
メニューオプション Preferences→Browse Packages を使用して、指定されたスクリーンショットに示されているインストール済みパッケージのパスを取得します。
SublimeプラグインWebインスペクターステップ1のインストール
ステップ2
*git* コマンドプロンプトの助けを借りて、以下に示すコマンドに示すように、gitリポジトリを使用してJavascript Webアプリケーションのデバッグのパッケージを複製します-
git clone -b ST3 "git://github.com/sokolovstas/SublimeWebInspector.git"
ステップ3
インストールをテストするには、コマンドパレットを開き、Webインスペクターを起動します。 Webインスペクターのショートカットキーは、Windowsでは Ctrl + Shift + R 、OSXシステムでは Cmd + Shift + R を使用できます。 以下に示すように、JavaScriptアプリケーションに必要なすべてのブレークポイントを確認できます-
崇高なテキスト-バッチ処理
Sublime Textでのバッチ処理は、システムの構築*も指します。 ビルドシステムは、ユーザーが *make、tidy 、 interpreters などの外部プログラムを介してファイルを実行するのに役立ちます。
ビルドシステムで作業している間、次の点は注目に値します-
- これらはJSONファイルであり、拡張子は .sublime-build です。
- ビルドプロセスを開始するには、オプション Tools→Build またはWindowsのショートカット Ctrl + B とOSXシステムの Cmd + B を選択できます。
このチュートリアルでは、Pythonファイルに焦点を合わせていることを思い出してください。 Sublimeテキストには、Pythonファイル用の2つのビルドモードが含まれています。
Pythonのビルドが完了すると、エディターで次の出力を確認できます-
オプション*ツール→ビルド結果→ビルド結果の表示*を使用して、特定のプロジェクト用に作成されたビルド結果のリストをSublime Textエディターで表示できます。
ビルドシステムとバッチ処理に関連する完全なファイルは、 Packages フォルダー( Packages/user )の下に配置する必要があることに注意してください。 Sublime Editorの多くのパッケージには、独自のビルドシステムが含まれています。
崇高なテキスト-気晴らしフリーモード
Sublime Textエディターの気晴らしフリーモードでは、コードとファイルを全画面表示できます。 オプション*表示→気晴らしモードに入る*メニュー項目から気晴らしモードに入ることができます。
気晴らしモードがSublime Textエディターで有効になると、出力は以下のように表示されます-
すべてのUIクロムアクセシブルアイテムは非表示ですが、注意散漫モードではアクセス可能です。
カスタマイズ
Sublime Textエディターの気晴らしモードのカスタマイズのすべてのプロパティは、以下のスクリーンショットに示すように Distraction Free.sublime-settings JSONファイルに含まれています。
次のスクリーンショットは、SublimeエディターのDistraction freeモードに含まれるプロパティを示しています-
*line_numbers、gutter、draw_centered、wrap_width、word_wrap* 、および *scroll_past_end* などの属性は、魅力的な気晴らしモードを有効にするようなものであることに注意してください。
Sublime Text-SublimeCodeIntelプラグイン
SublimeCodeIntelは、Sublime Textエディターの重要なプラグインです。 それは次の機能を提供しています-
- シンボルへのジャンプ機能。これにより、ユーザーはファイルとシンボルの指定された行にジャンプできます。
- オートコンプリートのライブラリを含み、モジュール/シンボルをリアルタイムで表示します。
- ツールチップは、関連する機能に関する情報をステータスバーに表示します。
インストール
次の手順でSublimeCodeIntelプラグインをインストールできます-
- ステップ1 *-WindowsではショートカットCtrl + Shift + P、OSXシステムではCmd + Shift + Pを使用して、Sublime Textエディターのインストールパッケージ機能を取得します。 より良い理解のために、次のスクリーンショットを参照してください-
SublimeCodeIntel Plugin Installation Step1
ステップ2 *-次に、インストールするプラグイン *SublimeCodeIntel を選択し、Sublime Textエディターを再起動します。
SublimeCodeIntel Plugin Installation Step3
ステップ3 *- *SublimeCodeIntel プラグインが正常にインストールされると、画面は次のようになります-
SublimeCodeIntel Plugin Installation Step3
設定
SublimeCodeIntelのビルド構成には2つあります-
- 設定-デフォルト
- 設定-ユーザー
これらの構成を示す次のスクリーンショットを参照してください-
*SublimeCodeIntel* の構成は、 *SublimeCodeIntel.sublime-settings* というJSONファイルに含まれています。 各言語に必要な構成は、以下のようにSublimeCodeIntelプラグインに含まれています-
/*
Defines a configuration for each language.
*/
"codeintel_language_settings": {
"Python3": {
"python3": "/usr/local/bin/python3.3",
"codeintel_scan_extra_dir": [
"/Applications/Sublime Text.app/Contents/MacOS",
"~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/arch",
"~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/libs"
],
"codeintel_scan_files_in_project": true,
"codeintel_selected_catalogs": []
},
"JavaScript": {
"codeintel_scan_extra_dir": [],
"codeintel_scan_exclude_dir":["/build/", "/min/"],
"codeintel_scan_files_in_project": false,
"codeintel_max_recursive_dir_depth": 2,
"codeintel_selected_catalogs": ["jQuery"]
},
"PHP": {
"php": "/Applications/MAMP/bin/php/php5.5.3/bin/php",
"codeintel_scan_extra_dir": [],
"codeintel_scan_files_in_project": true,
"codeintel_max_recursive_dir_depth": 15,
"codeintel_scan_exclude_dir":["/Applications/MAMP/bin/php/php5.5.3/"]
}
}
これらの構成は、必要に応じてカスタマイズできます。 これは、ユーザーがインストールしているモジュール/ライブラリの数と、ユーザーが取り組んでいるプロジェクトのサイズや複雑さなどのさまざまなパラメーターに依存します。