.ynor Framework VS Code Extension

⚡ Full support for .ynor files - Next-gen JS extension framework

Features

• 🎯 Syntax Highlighting - Full syntax highlighting for .ynor files
• ⚡ Component Creation - Create .ynor components with right-click
• 📦 Project Creation - Create new .ynor projects with templates
• 🔄 Snippets - Common code snippets for .ynor files
• 🎨 Theme Support - Ynor Dark theme included
• ⌨️ Keyboard Shortcuts - Quick component creation with Ctrl+Shift+Y

Commands

• Create .ynor Component - Create a new .ynor component (Ctrl+Shift+Y)
• Create .ynor Project - Create a new .ynor project
• New .ynor File - Create a new .ynor file (Ctrl+Shift+N)
• Initialize .ynor in Current Project - Add .ynor to existing project

Templates

Component Templates

• Simple Component
• Component with Props
• Component with Store
• List Component

Project Templates

• Basic - Counter example
• Full - Todo list with store
• Minimal - Just the essentials

Usage

Create a Component

1. Right-click in the explorer
2. Select "Create .ynor Component"
3. Enter component name
4. Select component type

Create a Project

1. Right-click in the explorer
2. Select "Create .ynor Project"
3. Enter project name
4. Select template

Keyboard Shortcuts

• Ctrl+Shift+Y - Create .ynor component
• Ctrl+Shift+N - Create new .ynor file (when editing .ynor)

Requirements

• VS Code 1.74.0 or higher
• Node.js 18.0.0 or higher (for project creation)

Installation

1. Open VS Code
2. Go to Extensions (Ctrl+Shift+X)
3. Search for ".ynor Framework"
4. Click Install

Contributing

1. Clone the repository
2. Run npm install
3. Open in VS Code
4. Press F5 to debug

License

MIT

Links

• Documentation
• GitHub
• Issues