snippets package for Visual Studio Code.

GitHub release

Jekyll snippets for Visual Studio Code. This is a combination of both the the sublime-jekyll package by @23maverick23. and the atom-jekyll package by @jasonhodges.

HTML, Jekyll Lang and Markdown Support

If you are downloading the extension for the first time you'll be prompted that the Jekyll Syntax Support extension will also be installed. This happens because of the extensionDependencies which elminates the need to manaully fetch another extension, which was referenced in issue #3 by @graffen.

Why you might want Jekyll Syntax extension?

  1. ✔ Provides syntax highlighing Front Matter.
  2. ✔ Provides jekyll extension and support on HTML files.
  3. ✔ Provide syntax highlighting for jekyll supported liquid tags - ie: {{ site.baseurl }} & {%- for something in this_file -%} {%- endfor -%}
    • By changing your HTML syntax to Jekyll (HTML)
  • Support for markdown has also been added, which was referenced in issue #7 by @Haroenv. I haven't found a markdown grammer file that highlights liquid syntax.

  • Support for html has been added, due to some odd behavior from other extenions I use which doesn't provide support for liquid file extension.

Optional Extensions to install

As noted by @Serhioromano in issue #8, formatting for front-matter and liquid tags are not supported by the default formatter for VSCode (JS-Beautify) this is resolved by installing vscode-prettydiff.

Roadmap & Contributing

I do have plans to continue adding more snippets, based on the Jekyll Tips Cheat Sheet, but PLEASE feel free to contribute and/or file issues with requests. If you do want to contribute please make sure to create a feature branch and when creating a pull request to rebase or squash prior to.

Thanks again to @23maverick23. and @jasonhodges