Editor Setup

Customize your code editor to improve the Thulite developer experience and unlock new features.

VS Code

VS Code is a popular code editor for web developers, built by Microsoft. The VS Code engine also powers popular in-browser code editors like GitHub Codespaces and Gitpod.

Thulite works with any code editor. However, VS Code is our recommended editor for Thulite projects together with the following extensions:

• Hugo Language and Syntax Support
• Markdown All in One
• Even Better TOML
• ESLint
• markdownlint
• Stylelint

In-Browser Editors

In addition to local editors, Thulite also runs well on in-browser hosted editors, including:

• GitHub.dev — available to everyone for free on GitHub.com.
• Gitpod — isolated cloud development environments with your favorite editor.
• CodeSandbox — 24/7 collaborative cloud development environments (CDEs) that resume in 2 seconds.

Not yet supported

• StackBlitz — write, run, and debug frontend code directly in your browser.

Other tools

Prettier

Prettier is a popular formatter for JavaScript, HTML, CSS, and more. Thulite includes Prettier and a format command that runs prettier **/** -w -c. You can customize the Thulite defaults for Prettier by updating the .prettierrc.yaml and .prettierignore files in your project root.

npm

npm run format

pnpm

pnpm run format

Yarn

yarn run format