Auto Rename dan Auto Closing Tag di Visual Studio Code

Auto rename tag berfungsi untuk mengubah pasangan tag jika salah satunya diganti, misalkan tag pembuka diubah maka tag penutup juga akan langsung terubah. Hal ini meningkatkan sedikit efektifitas dalam melakukan coding agar lebih cepat.

Fitur auto rename tag tidak aktif secara default di visual studio code, untuk mengaktifkannya buka settings dengan menekan tombol ctrl + , dan ketik linked editor kemudian centang untuk mengaktifkannya.

Jika ingin mengaktifkan melalui settings.json dapat dengan menambahkan baris.

"editor.linkedEditing": true

Sedangkan, auto closing tag berfungsi untuk membuat tag penutup secara otomatis ketika membuat tag baru. Pada HTML fitur ini sudah aktif secara default, tetapi support untuk untuk javascript dan typescript tidak aktif secara default.

Untuk mengaktifkannya, buka settings dengan menekan tombol ctrl + , kemudian ketik auto closing tag dan centang pada javascript dan typescript.

Jika ingin mengaktifkan melalui settings.json dapat dengan menambahkan baris.

"html.autoClosingTags": true,
"javascript.autoClosingTags": true,
"typescript.autoClosingTags": true