Lint and LSP
Enable ESLint, Prettier, and language servers for diagnostics and formatting.
Shape bundles language tooling for web projects. Settings → Features → ESLint & Prettier and Settings → Features → Language Servers control diagnostics and formatters.
ESLint
| Setting | Description |
|---|---|
| Enable ESLint | Run ESLint on supported files |
| Fix on save | Apply auto-fixable rules when saving |
ESLint reads your project's config (.eslintrc, eslint.config.js, etc.). Errors appear in the editor and Problems panel.
Prettier
| Setting | Description |
|---|---|
| Enable Prettier | Use Prettier as the document formatter |
When enabled, Format Document (Alt+Shift+F) and format-on-save use Prettier with project config (.prettierrc, prettier.config.js).
Language servers
Toggle built-in language services under Features → Language Servers:
| Server | Languages |
|---|---|
| TypeScript | .ts, .tsx, .js, .jsx |
| CSS | .css, modules |
| HTML | .html |
| JSON | .json, .jsonc |
| Tailwind CSS | Class completions in markup |
| Emmet | HTML/CSS abbreviations |
Disabling a server stops its diagnostics and completions for that language.
Node.js assistance
Settings → Features → Node.js includes Coding assistance for JavaScript tooling integration. Keep it enabled for npm package IntelliSense in import paths.
Design tooling
Design autocomplete and diagnostics live under Settings → Editor → Design, not LSP. See Design Tools and Visual Design.
Troubleshooting
If diagnostics never appear:
- Confirm the language server toggle is on.
- Open Problems (Ctrl+Shift+M) for silent errors.
- Check Output via the command palette for server startup logs.
- Ensure the project has the expected config files (
tsconfig.json, ESLint config).