How to add snippets to Lunarvim

First example: Let's add existing VSCode snippet package

1. Clone https://github.com/dsznajder/vscode-es7-javascript-react-snippets:

git clone https://github.com/dsznajder/vscode-es7-javascript-react-snippets

In this example we cloned it to ~/.config/lvim/snippets/ but you can store your snippets anywhere you want.

Now we do have ~/.config/lvim/snippets/vscode-es7-javascript-react-snippets/package.json

2. And we can require package in config.lua:

require("luasnip/loaders/from_vscode").load { paths = { "~/.config/lvim/snippets/vscode-es7-javascript-react-snippets" } }

3. These snippets should work now:

More VSCode snippets in https://marketplace.visualstudio.com/VSCode

Second example: Let's add custom snippets

1. Create folder:

mkdir ~/.config/lvim/snippets/my-snippets

2. Create package.json with content:

{
  "name": "my-snippets",
  "author": "user",
  "engines": {
    "vscode": "^1.11.0"
  },
  "contributes": {
    "snippets": [
      {
        "language": "javascriptreact",
        "path": "./js-react.json"
      },
      {
        "language": ["javascript", "javascriptreact"],
        "path": "./javascript.json"
      }
    ]
  }
}

3. Create javascript.json with content:

{
  "test console log object": {
    "prefix": "cltest",
    "body": "console.log('${1:object}:', ${1})",
    "description": "console.log object"
  },
  "test const function": {
    "prefix": "cftest",
    "body": [
      "const ${1:name} = (${2:arguments}) => {",
      "\t\treturn ${3}",
      "\t}"
    ]
  }
}

4. Create js-react.json with content:

{
  "React funtion component exported": {
    "prefix": "rfce",
    "body": [
      "const ${TM_FILENAME_BASE}: React.FC = () => {",
      "\treturn (",
      "\t\t${1}",
      "\t)",
      "}",
      "",
      "export default ${TM_FILENAME_BASE}"
    ],
    "description": "React function component with export"
  }
}

5. Require snippets in config.lua:

require("luasnip/loaders/from_vscode").load { paths = { "~/.config/lvim/snippets/my-snippets" } }

6. Make sure it works:

If you followed this your ~/.config/lvim/snippets/ should look like: