vscode-canx
v1.0.0
Published
CanxJS support for Visual Studio Code - Snippets, Code Generation, and IntelliSense
Downloads
83
Maintainers
Readme
CanxJS Extension for VS Code
🚀 Official VS Code extension for CanxJS - Ultra-fast async-first MVC backend framework for Bun.
Features
📝 Snippets (20+)
Type these prefixes in TypeScript/JavaScript files:
| Prefix | Description |
| ----------------------- | ----------------------- |
| canx-controller | Basic controller |
| canx-controller-crud | Full CRUD controller |
| canx-controller-api | API controller with JWT |
| canx-controller-auth | Auth controller |
| canx-routes | Routes file boilerplate |
| canx-route | Single route |
| canx-route-group | Route group |
| canx-route-controller | Controller routing |
| canx-model | Model with methods |
| canx-migration | Database migration |
| canx-seeder | Database seeder |
| canx-middleware | Custom middleware |
| canx-auth-middleware | JWT auth middleware |
| canx-layout | Layout template |
| canx-view | JSX view component |
| canx-jsx-component | Reusable component |
| canx-app | App entry point |
| canx-config | Configuration file |
| canx-queue-job | Queue job handler |
| canx-websocket | WebSocket server |
| canx-event | Event listener |
⚡ Commands
Open Command Palette (Ctrl+Shift+P / Cmd+Shift+P):
- Canx: Create Controller - Scaffold a new controller
- Canx: Create Model - Scaffold a new model
- Canx: Create Middleware - Scaffold custom middleware
- Canx: Create Migration - Scaffold database migration
- Canx: Create Seeder - Scaffold database seeder
- Canx: Create View - Scaffold JSX view component
- Canx: Show Info - Show extension info & links
🖱️ Context Menu
Right-click on a folder in Explorer to quickly create:
- Controllers
- Models
⚙️ Configuration
Configure in Settings (canxjs.*):
canxjs.defaultPort- Default port (3000)canxjs.useTypeScript- Use TypeScript (true)
Installation
From VSIX
code --install-extension vscode-canx-1.0.0.vsixFrom Marketplace (Coming Soon)
Search "CanxJS" in VS Code Extensions.
Quick Start
- Open a CanxJS project
- Type
canx-to see all snippets - Use
Ctrl+Shift+P→Canx:for commands
Links
License
MIT © 2024 CanxJS Team
