theme-check-vscode

KO | EN

gitlite — search

#javascript #hacktoberfest #react #ai #llm #go #android #rust #macos #java #cli #kubernetes #security #openai

theme-check-vscode

(★ 77)

Official Shopify Liquid VS Code extension

File Explorer

Download Latest Version (.zip)

- - ci.yml
  - cla.yml
- Procfile
- demo.gif
- shopify_glyph.png
- check-yarn-links.sh
- log-decrease-indent-pattern
- log-increase-indent-pattern
- make-language-configuration
- watch-language-configuration
- constants.js
- extension.ts
- formatter.ts
- indentation-rules.js
- indentation-rules.test.js
- language-configuration.js
.eslintrc.js
.gitignore
.gitmodules
.prettierrc.json
.vscodeignore
CHANGELOG.md
CODE_OF_CONDUCT.md
CONTRIBUTING.md
LICENSE.md
package.json
README.md
RELEASING.md
syntaxes
TROUBLESHOOTING.md
tsconfig.json
webpack.config.js
yarn.lock

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

> [!WARNING]  
> This project has been absorbed by and moved to [Shopify/theme-tools](https://github.com/Shopify/theme-tools).

<h1 align="center" style="position: relative;" >
  <br>
    <img src="https://github.com/Shopify/theme-check-vscode/blob/main/images/shopify_glyph.png?raw=true" alt="logo" width="150" height="160">
  <br>
  Shopify Liquid
  <br>
</h1>

<h4 align="center">A complete developer experience for Shopify themes</h4>

Official VS Code extension for [Shopify Liquid](https://shopify.dev/docs/themes) powered by [Theme Check][tc] the Liquid linter and language server for online store themes.

![](https://github.com/Shopify/theme-check-vscode/blob/feature/readme-revamp/images/demo.gif?raw=true)

[Features](#features) |  [Installation](#installation) | [Configuration](#configuration) | [📦 VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=shopify.theme-check-vscode).

## Features

- 🎨 Syntax highlighting
- 💧 Liquid language server ([Theme Check][tc])
  - 📗 Completions
  - ✅ Linting
  - 🔎 Go to source
- 💅 Formatting ([Liquid Prettier plugin](https://github.com/shopify/prettier-plugin-liquid))
- 📐 Automatic indentation
- 🎎 Auto closing pairs

## Installation

This VS Code extensions depends on the [Theme Check][tc] language server, which is bundled in the latest [Shopify CLI](https://shopify.dev/themes/tools/cli).

To install the `shopify` CLI, follow these steps:

1. Go to https://shopify.dev/themes/tools/cli/install
2. Follow the instructions for your operating system

-----

⚠️ **Warning** Windows support is experimental. See [this issue](https://github.com/Shopify/theme-check-vscode/issues/5) for details.

-----

## Configuration

- `"shopifyLiquid.shopifyCLIPath": string`, (optional, Unix-only) a path to the `shopify` executable.
- `"shopifyLiquid.languageServerPath": string`, (optional) a path to the `theme-check-language-server` executable.
- `"shopifyLiquid.disableWindowsWarning": boolean`, (default: `false`) When true, theme check won't bug you with the Windows warning anymore.
- `"themeCheck.checkOnOpen": boolean`, (default: `true`) makes it so theme check runs on file open.
- `"themeCheck.checkOnChange": boolean`, (default: `true`) makes it so theme check runs on file change.
- `"themeCheck.checkOnSave": boolean`, (default: `true`) makes it so theme check runs on file save.
- `"themeCheck.onlySingleFileChecks": boolean`, (default: `false`) makes it so theme check only runs single file checks for the files that are open.

Great for performance if can ignore checks that span multiple files during development and otherwise run full theme checks on the CLI or in CI.

[tc]: https://github.com/Shopify/theme-check

theme-check-vscode

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

theme-check-vscode

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README