Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>JTech Framework SupportNew to Visual Studio Code? Get it now.
JTech Framework Support

JTech Framework Support

jauhar jtech

|
1 install
| (1) | Free
Official support for JTech Framework (Blade Syntax, Snippets, & Icons).
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

JTech Framework Support

JTech Logo

The official Visual Studio Code extension for the JTech Framework.
Supercharge your development workflow with rich syntax highlighting, intelligent snippets, and dedicated file icons for .jtech.php files.

JTech License Version


🚀 Features

This extension provides a complete tooling ecosystem for JTech Framework developers:

  • 🎨 Syntax Highlighting: Full colorization for .jtech.php files. It intelligently distinguishes between HTML, native PHP code, and JTech Blade-like directives (e.g., @if, @foreach, {{ $var }}).
  • ⚡ Smart Snippets: A comprehensive collection of snippets for rapid development. Type foreach, section, or auth and hit Tab to generate complex blocks instantly.
  • 🏠 Emmet Support: Integrated HTML expansion. Type div.container>ul>li*3 inside a JTech file and expand it seamlessly.
  • ✨ File Icons: Distinguish your JTech views instantly in the file explorer with the custom JTech icon set.
  • 🛠️ HTML5 Boilerplate: Type ! to generate a standard HTML5 structure ready for JTech views.

📸 Preview

(Place a GIF or Screenshot of your syntax highlighting here to show off the colors)


📝 Snippets Cheat Sheet

Here are some of the most useful snippets included in this extension:

Logic & Control Flow

Prefix Output Description
if @if (...) ... @endif Basic If block
ifelse @if ... @else ... @endif If-Else block
foreach @foreach (...) ... @endforeach Iterate over collections
forelse @forelse ... @empty ... @endforelse Loop with empty fallback
auth @auth ... @endauth Check if user is authenticated
guest @guest ... @endguest Check if user is a guest

Layouts & Components

Prefix Output Description
extends @extends('layout') Extend a master layout
section @section('name') ... @endsection Define a content section
yield @yield('content') Display section content
include @include('view.name') Include a partial view
x <x-component /> Insert a component

Data Display

Prefix Output Description
echo {{ $var }} Echo data (escaped)
raw {!! $var !!} Echo raw data (unescaped)
dd @dd($var) Dump and Die for debugging

HTML Helpers

Prefix Output Description
! <!DOCTYPE html>... Complete HTML5 Boilerplate
php <?php ... ?> Inline PHP tag

⚙️ Installation

Via Marketplace

  1. Open Visual Studio Code.
  2. Go to the Extensions view (Ctrl+Shift+X).
  3. Search for "JTech Framework Support".
  4. Click Install.

Via VSIX (Manual)

  1. Download the .vsix file from the repository releases.
  2. In VS Code, open the Command Palette (Ctrl+Shift+P).
  3. Type "Install from VSIX" and select the file.

🎨 Theme Support

This extension is designed to work seamlessly with standard VS Code themes.

  • Directives (@if, @section) follow the Keyword/Control color scheme (usually Purple/Red).
  • PHP Variables inside {{ }} follow your theme's PHP color settings.
  • HTML Tags follow your theme's standard HTML colors.

🤝 Contributing

Found a bug or want to add a new snippet? Contributions are welcome!

  1. Fork the repository.
  2. Create a feature branch (git checkout -b feature/NewSnippet).
  3. Commit your changes.
  4. Push to the branch and open a Pull Request.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.


Built with ❤️ by JTech Forge.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft