Ekstensi VS Code yang menyediakan toggle "Go Live" di status bar untuk menjalankan live server lokal dengan mudah. Ini menggantikan Live Server tradisional yang memiliki sistem path yang berbeda dengan Github Pages misalnya, yang mana itu memicu error 404 disalah satunya.
Features
🚀 Toggle Button: Tombol "Go Live" di status bar pojok kanan bawah
🔄 One-Click Start/Stop: Klik sekali untuk start, klik lagi untuk stop
🌐 Auto Browser Open: Otomatis membuka browser dengan alamat server
📊 Status Indicator: Status bar menampilkan informasi server
⚡ Live Reload: Menggunakan npx live-server dengan fitur live reload
Installation
Open VS Code
Go to Extensions (Ctrl+Shift+X)
Search for "Live Server"
Click Install
Usage
Using Status Bar Toggle
Start Server:
Klik tombol "○ Go Live" di status bar (pojok kanan bawah)
Server akan start dan browser otomatis terbuka
Status bar berubah menjadi "📡 Go Live" dengan alamat server
Stop Server:
Klik tombol "📡 Go Live" di status bar
Server akan berhenti
Status bar kembali ke "○ Go Live"
Using Command Palette
Start Server:
Press Ctrl+Shift+P
Type "Live Server: Open with Live Server" atau "Live Server: Toggle Live Server"
Press Enter
Stop Server:
Press Ctrl+Shift+P
Type "Live Server: Stop Live Server" atau "Live Server: Toggle Live Server"
Press Enter
Using Context Menu
Right-click on an HTML file in the Explorer
Select "Open with Live Server"
How It Works
Ekstensi ini menggunakan npx live-server --open=./ untuk:
Menjalankan local development server
Otomatis membuka browser ke alamat server
Menyediakan live reload functionality
Menampilkan status di VS Code status bar
Configuration
Currently uses default live-server settings. Future versions will include customizable options.
Commands
Live Server: Toggle Live Server - Toggle start/stop server
Live Server: Open with Live Server - Start the live server
Live Server: Stop Live Server - Stop the live server
Development
Prerequisites
Node.js (version 16 or higher)
npm or yarn
VS Code
Setup
Clone the repository
Install dependencies:
npm install
Compile the TypeScript:
npm run compile
Open in VS Code and press F5 to launch Extension Development Host
Building
npm run compile
Requirements
live-server package (akan diinstall otomatis via npx)
Node.js untuk menjalankan live-server
Known Issues
Pada Windows, proses live-server mungkin perlu dihentikan secara manual jika terjadi error
Status bar mungkin perlu refresh manual dalam beberapa kasus
