https://github.com/analogjs/language-tools
AnalogJS Language Tools
https://github.com/analogjs/language-tools
Last synced: about 1 year ago
JSON representation
AnalogJS Language Tools
- Host: GitHub
- URL: https://github.com/analogjs/language-tools
- Owner: analogjs
- License: mit
- Created: 2024-04-03T00:19:23.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-31T14:41:15.000Z (over 1 year ago)
- Last Synced: 2025-04-28T04:35:51.440Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=AnalogJS.vscode-analog
- Size: 207 KB
- Stars: 26
- Watchers: 3
- Forks: 5
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# AnalogJS Language Tools
This is the AnalogJS Language Tools extension for VSCode, powered by [Volar](https://volarjs.dev). This project is in active development.
## Features
This extension provides an improved editing experience for Analog SFCs, including:
* Syntax highlighting
* Auto-importing (Future)
* Completions lists (Future)
* Quick info (Future)
## Supporting Analog
- Star the [GitHub Repo](https://github.com/analogjs/analog)
- Join the [Discord](https://chat.analogjs.org)
- Follow us on [Twitter](https://twitter.com/analogjs)
- Become a [Sponsor](https://analogjs.org/docs/sponsoring)
## Local Development
- Run `pnpm install` in this folder. This installs all necessary npm modules in both the client and server folder
- Open VS Code on this folder.
- Press Ctrl+Shift+B to compile the client and server.
- Switch to the Debug viewlet.
- Select `Launch Client` from the drop down.
- Run the launch config.
- If you want to debug the server as well use the launch configuration `Attach to Server`
- In the [Extension Development Host] instance of VSCode, open a `test.analog`
- Type `.foo { c| }` to try CSS completion
- Have `.foo { }` to see CSS Diagnostics
## Build .vsix
- Run `pnpm run pack` in this folder
- `packages/vscode/vscode-analog-x.x.x.vsix` will be created, and you can manually install it to VSCode.
## References
- https://github.com/volarjs/starter
- https://code.visualstudio.com/api/language-extensions/embedded-languages
- https://github.com/microsoft/vscode-extension-samples/tree/main/lsp-embedded-language-service