Search code examples
visual-studio-codecode-snippets

How to edit existing VS Code Snippets


Is there a way to remove or edit some of the default code snippets in Visual Studio CODE ?

For example when i type req+TAB i need require not requestAnimationFrame


Solution

  • The suggestion item requestAnimationFrame is coming from the JavaScript language service. It's not coming from the snippets.

    However, you can define your own snippets and tell Visual Studio Code to show the snippets first. How to do it:

    1. Go to File -> Preferences -> User Snippets and select JavaScript in order to edit snippets for that language
    2. Add this entry to the opened file javascript.json and save it

      "require": {
          "prefix": "req",
          "body": [
              "require"
          ],
          "description": "Add 'require'"
      }
      
    3. Add the following line to your preferred settings.json (user or workspace settings) and save it

      "editor.snippetSuggestions": "top" 
      

    Now you get your self defined require suggestion in first place as soon as you type req in a .js file.