Cara Backup dan Restore VSCode Extensions

​Hallo guys, tutorial kali ini akan membahas bagaimana caranya kita backup maupun restore Extension yang ada pada text editor Visual Studio Code. Sebenarnya kita mau apa sih melalukan backup maupun restore itu? Ini sangat penting jika suatu saat nanti komputer/laptop kita mengalami trouble, kita tidak akan install satu persatu extensionnya lagi. Tinggal kita jalankan sebuah command melalui terminal/CMD yang nantinya bakal restore / sync dengan sendirinya. Sangat membantu bukan dengan adanya backup dan restore ini. Yap dalam tutorial ini kita ada dua alternatif, yang pertama kita backup berupa txt, yang kedua kita menggunakan extension “Settings Sync”.

1. Metode pertama - Secara offline / export file berupa .txt

Pada metode pertama ini kita akan membuat/mengenerate file .txt yang nantinya didalam file tersebut terdapat semua list extensions yang kita miliki.

Langkah pertama kita jalankan perintah dibawah ini untuk mengenerate file .txt

code --list-extensions > extensions.txt

Dari perintah diatas, maka nantinya akan membuat file .txt yang nama filenya extensions.txt

Ingat ya, posisi kalian membuka cmd/terminal dimana, maka disitulah letak file .txt nya.

Ini adalah contoh hasil dari perintah diatas, berikut cuplikan list extensions yang saya pakai

ameerthehacker.deno-vscode
amiralizadeh9480.laravel-extra-intellisense
batisteo.vscode-django
benawad.stories
bibhasdn.django-html
bibhasdn.django-snippets

Lalu bagaimana kita restore extensions yang ada di file tadi?

jalankan perintah dibawah ini

cat extensions.txt | xargs -L 1 code --install-extension

command cat untuk melihat isi file .txt

command code --install-extension ini akan menginstall extensions satu persatu secara otomatis.

2. Metode kedua - Menggunakan Extensions Settings Sync

Pada metode kedua ini kita memakai Extensions Settings Sync . Pada Extensions ini memiliki banyak fitur unggulan, contohnya kita bisa backup dan sync seperti Settings, Snippets, Themes, File Icons, Launch, Keybindings, Workspaces dan Extensions. Proses pada metode kedua ini file backup otomatis ada di gist.github.com sehingga bisa sinkronisasi otomatis (asalkan ada internet ya). Jadi untuk teman-teman diharapkan mempunya akun Github terlebih dahulu.

Setelah itu buka aplikasi VS Code. tekan tombol ctrl+shift+x, masukkan kata kunci "Settings Sync".

Lalu klik Instal. Jika sudah maka akan nampak seperti gambar dibawah ini.

Maka akan menampilkan welcome page, silahkan pilih "Login With Github"

Maka otomatis redirect ke halaman github teman-teman. Berikan izin untuk extensions "Settings Sync" pada github.

Jika sudah Maka akan ada tulisan "Success! You May now close this tab" . Silahkan tutup tab pada browser tersebut.

Kembali lagi ke aplikasi VS Code, maka akan ditampilkan list dari gist di akun github kita.

Karena kita belum memiliki gist untuk menampung hasil backup, kita akan buat gist terlebih dahulu.

Silahkan buka laman gist.github.com . lalu buat gist baru

Dalam foto diatas kita misalkan membuat gis bernama backup-vscode.

Setelah terbuat gist, kita akan copy kode yang ada di url pada address bar browser.

Buka Command Palette atau bisa menekan tombol F1 pada keyboard. Ketik dengan keyword "sync". Kemudian pilih "Sync: Advanced Options", lalu pilih "Sync: Open Settings"

maka akan nampak seperti gambar dibawah ini

Silahkan paste kode url tadi, letakkan pada kolom Gist ID, Lalu klik view.

Dengan begini kita sudah mensetting untuk Extensions "Settings Sync".

Kita mengupload dengan cara,

Buka Command Palette atau bisa menekan tombol F1 pada keyboard. Ketik dengan keyword "sync". Kemudian pilih "Sync: Update/Upload Settings", maka otomatis akan mengupload ke gist yang kita buat tadi.

Hasil yang ada di halaman gist akan seperti pada gambar dibawah ini

Jika kalian ingin merestore di komputer lain. Install Extension "Settings Sync" terlebih dahulu, lalu kalian login sesuai langkah diatas, setelah konfigurasi kode url gist, lalu Kalian cukup dengan menekan tombol Shift+alt+d. Maka otomatis akan menginstall tiap extensions yang kita install sebelum-sebelumnya.

Kelebihan

Metode pertama

- Tanpa membutuhkan koneksi internet

- Tergolong mudah diterapkan

Metode Kedua

- Bisa sinkronisasi tanpa harus copy file

- Tergolong 'cukup' mudah diterapkan

Kekurangan

Metode pertama

- Harus di copy file txt, untuk setiap komputer

Metode kedua

- Harus tersedianya Koneksi internet

Yap, kita sampai sini kita sudah berhasil mengetahui cara backup maupun restore Extension yang ada pada text editor Visual Studio Code.

Jika kalian ingin tahu setiap command yang ada pada Extensions "Settings Sync", silahkan kunjungi repositori githubnya.

Cukup sekian ya teman-teman, semoga artikelnya membantu.

Terima Kasih.

​