vs - snippetはbashのエイリアスではありません.誰でも使うことができる大きなスニペットを書く方法

スニペットはキーストロークを保存し、ガイドコード補完を提供します.奇妙に、ほとんどのスニペットのコレクションに似てbash aliases . スニペットの拡張子のREADMEを見ると、最初は、ナンセンスの省略形のリストに見えます.あなたはそれらを使用する前に、彼らは何をすべきかを理解するためにこれらの略語を学ぶ必要があります.
以下は、スニペットExtenionからの抜粋です:JavaScript (ES6) code snippets .

私にこれらのことを学ぶ努力はほとんど価値がないようです.🤕
スニペットはエイリアスよりずっと強力です.我々は、この方法を作成する必要はありません.それらを学びやすくするための方法があります!
スニペットは、トリガとして1つの単語を使用することに限られていませんprefix VSコードで).VSのコードによって提供される迅速な提案は、すべての接頭語上のファジー部分文字列の検索から生成されます.これは、より長い、より記述的な接頭辞を作成することができて、まだスニペットを引き起こすために略語を提供することができることを意味します.
これを説明する例を見てみましょう.スニペットの拡張子を作成しましたHumane JS Snippets それは、この無駄に作成されたスニペットを持っている、例を試してみましょう.
あなたが数の配列を持っていると想像してください、そして、あなたは80以上の数だけのその配列の部分集合を与える機能を探しています.どの配列関数を使うべきかわからないので、ベストマッチを見つける必要があります.このスニペットを設定すると、“ar”と入力することができます.それらは記述的な接頭辞を持っていて、各々の機能が何をするかについての付随の説明をします.あなたはそれらを介してサイクルとマッチを検索することができます.私たちはfilter() 我々は何をしている.

将来的には、あなたが使用したい知っているfilter() , 単に“filt”またはいくつかのバリエーションを入力し、それを最初の提案として取得します.あなたは何が示唆されるかを確認するためにそれを入力して最短キーの組み合わせを学ぶことができます.🔥
この方法であなた自身のスニペットを作成する方法を見てみましょう.

より記述的な断片を書く方法

別のJavaScriptの例を見てみましょう.上記のJavaScriptスニペットコレクションを見てみましょう.JavaScript (ES6) code snippets . 少しあるfor ループスニペット.The forEach() ループスニペットにはfre . 下のリストで他の人を見ることができます.

トリガするforEach スニペット、私はそれを迅速な提案として提供するために接頭辞の文字のいくつかを入力する必要があります.私が接頭辞がそうであるのを思い出すことができないならばfre , 私は提案を得るために“for”を入力するかもしれないが、私は何も得ることはありません.ああ!

私はFを入力する必要があります、そして、提案があります、しかし、提案リストのまさしくその底でそれから、私はそれを見ません.“FR”を入力することによって、提案はビュー(リストの数5)に来る.私は一番上の提案であるために「fre」をタイプしなければなりません.
Conculsion :私は、それを使うために接頭語を学ぶ必要があります.
私が自分のためにスニペットをセットするならばfor ループの変形ですが、接頭辞で完全な単語を使います.それを試してみましょう.

例えば、私は“各”の接頭辞を選択した場合forEach スニペット、私は“for”または“fr”または“fre”または“e”を入力するとき、私は目に見える迅速な提案としてスニペットを提供されます.これはすべてのベースをカバーしています.

この方法でスニペットを書くそれらを発見することが容易になります.私がすべてを書くならばfor “for for”のような完全な単語を使用してループを変更すると、おそらく、接頭辞を学ぶためにREADMEに相談せずに、それらすべてを見つけることができます.あなたは正確な接頭辞を覚えていない場合は、推測される可能性がありますし、推測する.の説明を追加するdescription フィールドはまた、彼らが探しているものを見つけるために他のためのより多くの補足情報を与える.あなたが他の人とあなたのスニペットを共有するならば、彼らがそうであるように彼らを使うことは、より簡単です.

{
  "foreach loop": {
    "prefix": "for each",
    "body": [
      "${1:array}.forEach((${2:element}, index) => {",
      "\t$3",
      "});",
      "$0"
    ],
    "description": "The forEach() method executes a provided function once for each array element."
  },
}

書式設定のためにbody スニペットの場合は、配列ではなく文字列で作成する場合に読みやすくなります.コードスニペットの各行に対して配列要素を持つことができます.スニペットを実行すると、各要素を別の行に挿入します.を含めることができます\t 挿入に正しいインデントのタブを追加するには.これにより、スニペットを挿入するのが簡単になります.特に、スニペットを完成させるためにいくつかのフィールドを埋める必要があるとき.これを行うもう一つの利点はSnippets Ranger あなたのスニペットを見るために、スニペット本体はきれいにフォーマットされます.
必要に応じて、同じスニペットの複数の接頭辞を提供することもできます.コード機能のための一般的な同義語があるならば、それが役に立つとわかるかもしれません、あるいは、あなたが断片の大きなコレクションを持っているならば、あなたが非常に特定である必要があるならば.私は非常に頻繁に複数の接頭辞を提供する理由を発見していないが、それはオプションを持って良いです.

{
  "arrow function": {
    "prefix": ["arrow function", "=>"],
    "body": ["(${1:parameters}) => {", "\t${2:statement};", "}", "$0"],
    "description": "Creates an arrow function with optional parameters."
  },
}

上記のスニペットを作るときに気づいた1つのことは、提案が数字とアルファベットの文字だけに提供されているので、私が「=>」とタイプするならば、私がCtrl +スペースを打たない限り、私は提案を得ません.

推奨設定

あなたは私の例では、スニペットのための迅速な提案は、私が単語を入力を開始する上の提案として表示されることに気づいたことがあります.スニペットに関連する設定を変更しない限り、これはあなたのケースではないかもしれません.
スニペットは他の提案と混合され、デフォルトでは、リストの最後に配置されます.リストの上部に提案を促進するには、設定することができますeditor.snippetSuggestions": "top" あなたのsettings.json ファイル.
あなたがスニペットのタブ完成を望むならば、あなたはセッティングでそれを可能にすることができます"editor.tabCompletion": "onlySnippets" or "editor.tabCompletion": "on" .
あなたは、スニペットのための提案をオフにすることができ、スニペットをトリガするためにタブ補完を使用します.あなただけの“FRE”とタブを押すと、あなたのスニペットを挿入ブームを入力することができます.繰り返しますが、これを行うには、あなたの接頭語を知っている必要があります.だから、それは実際には、実際には接頭辞を暗記したい専用専用です.

どのような組み込みスニペットは？

前の記事で話しました.VS Code's secret snippets , VSのコードはJavaScriptを含む多くの言語のためのスニペットを内蔵しています.組み込みのJavaScriptセットではforEach "foreach "のプレフィックスを持つスニペット.それで、あなたがインストールするならばJavaScript (ES6) code snippets , あなたは重複しているでしょう.拡張モジュールをインストールできますSnippets Ranger 組み込みのスニペットを簡単に確認できます.
あなたが望むならば、あなたはスニペットを隠すことができます.コマンドを実行するInsert Snippet そして、あなたが興味があるスニペットを捜してください.リストでは、各行の右側に目のアイコンがあります.目をクリックするとIntelliSenseからそれを非表示になります.このコマンドではまだスニペットを実行できます.

これは、スニペットを無効にする唯一の方法だと思います.それはあなたがスニペットのまともな量を無効にしたい場合は退屈です.

最終語

あなたがスニペットをトリガするために略語を使用したい場合でも、あなた自身のスニペットを作成している場合は、スニペットの接頭語で完全な単語を使用して何も失う.あなたはまだ略語でスニペットをトリガすることができますし、あなたのスニペットを見つけるのは簡単になります.これは私の本では勝ちだ.
スニペットの拡張モジュールをインストールしている場合は、このことを念頭に置いて独自のバージョンを作成してください.
スニペットについての詳細を知りたいですか?私の他の記事をチェックアウトすることができます.Visual Studio Code Snippets – the Definitive VS Code Snippet Guide for Beginners . それは初心者のためだけではない!
この記事を楽しんだ?私の購読RSS feed 私の最新記事を得るために.