Cara Mengubah SHTML ke HTML di VS Code Secara Efektif

Metode Konversi SHTML ke HTML di VS Code

SHTML (Server Side Includes HTML) adalah file yang menyertakan instruksi sisi server untuk memproses konten sebelum dikirim ke browser. Jika Anda ingin mengubahnya menjadi file HTML statis, Anda tidak memerlukan perangkat lunak tambahan karena VS Code menyediakan fitur bawaan untuk melakukan konversi ini secara cepat.

1. Metode Manual (Rename)

Untuk file tunggal, cara tercepat adalah mengubah ekstensi file secara langsung. VS Code akan memperbarui referensi internal secara otomatis jika fitur rename digunakan melalui Explorer.

• Klik kanan pada file .shtml di panel Explorer.
• Pilih Rename (atau tekan F2).
• Ubah ekstensi dari .shtml menjadi .html.
• Tekan Enter.

2. Konversi Massal dengan Terminal

Jika Anda memiliki ratusan file, gunakan terminal terintegrasi untuk melakukan batch renaming menggunakan perintah shell (Bash/Zsh).

# Jalankan perintah ini di terminal VS Code pada folder proyek Anda
for f in *.shtml; do mv -- "$f" "${f%.shtml}.html"; done

3. Menggunakan Ekstensi VS Code

Untuk proyek yang lebih kompleks, Anda bisa menggunakan ekstensi seperti "File Utils" untuk memindahkan atau mengganti nama file dengan lebih aman. Berikut adalah tabel perbandingan metode konversi:

Penting: Penyesuaian Kode

Perlu diingat bahwa mengubah ekstensi file tidak menghapus instruksi Server Side Includes (SSI) yang ada di dalam kode. Jika Anda mengubah .shtml ke .html, server web (seperti Apache) mungkin tidak lagi memproses tag SSI seperti <!--#include virtual="header.html" -->. Anda harus memastikan bahwa konten yang disertakan sudah di-render atau diubah menjadi HTML statis sebelum mengubah ekstensinya.

Tips Troubleshooting

• Broken Links: Jika Anda mengubah nama file, pastikan untuk memperbarui tautan (link) di file lain yang merujuk ke file tersebut. Gunakan fitur Find in Files (Ctrl+Shift+F) untuk mencari referensi lama.
• Server Configuration: Jika Anda tetap ingin menggunakan SSI namun ingin file berakhiran .html, Anda harus memodifikasi file .htaccess di server Anda untuk mengaktifkan AddType text/html .html dan AddOutputFilter INCLUDES .html.