Dev tools

Tools for easier Gridsome development

ESLint plugin

https://www.npmjs.com/package/eslint-plugin-gridsome

Vetur

Vetur is Vue tooling for VS Code.
Vetur works perfect with Gridsome.

GraphQL syntax for <page-query> and <static-query>

Detail is here

  1. Install GraphQL
  2. Add this item in settings.json
{
  ... ,
  "vetur.grammar.customBlocks": {
    "page-query": "graphql",
    "static-query": "graphql"
  },
  ...
}
  1. Run command Vetur: Generate Grammar

Autocompletion

Vetur has gridsome-helper-json since version 0.17.0 helper-json can autocomplete tag and attribute. gridsome-helper-json support <g-image>, <g-link> and <Pager>.

autocompletion-tag

autocompletion-attribute

Edit this page on GitHub