web-dev-qa-db-ja.com

既存のVSコードスニペットを編集する方法

Visual Studio CODEのデフォルトのコードスニペットの一部を削除または編集する方法はありますか？

たとえば、req + TABと入力すると、requireではなくrequestAnimationFrameが必要です

visual-studio-codecode-snippets
20
Nikola Hristov

提案項目requestAnimationFrameは、JavaScript言語サービスからのものです。 スニペットからではありません。

ただし、独自のスニペットを定義し、最初にスニペットを表示するようにVisual Studio Codeに指示することができます。どうやってするの：

  1. File -> Preferences -> User Snippetsに移動し、JavaScriptを選択して、その言語のスニペットを編集します

  2. 開いたファイルjavascript.jsonにこのエントリを追加して保存します

    "require": {
    "prefix": "req",
    "body": [
        "require"
    ],
    "description": "Add 'require'"
}

  3. 好みのsettings.json（ユーザーまたはワークスペースの設定）に次の行を追加して保存します

    "editor.snippetSuggestions": "top"

これで、.jsファイルにrequireと入力するとすぐに、最初に自己定義のreq候補が表示されます。

20
Wosi

拡張スニペットは、以下の各スニペットディレクトリ内にあります：
（拡張機能にスニペットがある場合）

Mac/Linux：$HOME/.vscode/extensions/
ウィンドウズ： %USERPROFILE%\.vscode\extensions/

変更する拡張機能を選択し、javascript.jsonディレクトリ内のsnippets /ディレクトリに飛び込みますそこに、あなたが好きなものを変更します。

いつか拡張機能をダウンロードしてupdateを選択した場合、個人的な変更はすべてファイルの更新されたバージョンで上書き/置き換えられます。 （もちろん、拡張機能のディレクトリの外で変更を削除する場合を除き...）

編集/脇：このディレクトリにすでに存在するすべてのコピーされたエディションをよく見ると、拡張機能の更新の少なくとも一部が以前のバージョンを保持しているようです。この場合、新しいバージョンがリリースされたときに拡張機能をupdateすると、変更されたファイルのコピーを別の場所に保存する必要はありません。ファイルを現役に戻すことは、古いものから適切な、より新しい、より大きな番号のディレクトリにコピーアンドペーストするのと同じくらい簡単かもしれません。

Resources/citations/acknowledgements：
最初に関連ディレクトリを参照してくれた here に感謝します。

16
leerssej

私のWindowsインストールでは、デフォルト/組み込みのJavaScriptスニペットはにあります

C：\ Program Files（x86）\ Microsoft VS Code\resources\app\extensions\javascript\snippets\javascript.json

そのスニペットの名前を「logx」に変更し（ファイルを変更するには管理者権限が必要です）、vsCodeを再起動し、ユーザー「log」スニペットのみを取得しました。

これに関するいくつかのスレッドが課題トラッカーにあります-

4
Brian Burns

私のWindows 10マシンでは、ログとその他のデフォルトのJavaScriptスニペットは次の場所にあります。

C:\Users\$USER\AppData\Local\Programs\Microsoft VS Code\resources\app\extensions\javascript\snippets\javascript.json

1
Filip Van Genck

私は~/.config/Code/User/snippetsで見つけました

グローバルスニペットを作成する場合は、snippet_name.code-snippetsという名前のファイルを作成します

言語固有のスニペットが必要な場合は、php.jsonのように作成します

0
Samuel Aiala Ferreira