DartPad

Sharing Kode DartPad Menggunakan GitHub Gist

Bismillah,

Bagi Anda yang sedang belajar membuat aplikasi mobile menggunakan Flutter, tentunya Anda pernah menggunakan DartPad. Walaupun terbatas, DartPad merupakan editor online yang sangat membantu belajar dasar-dasar pemrograman Flutter dan Dart. Anda dapat langsung menggunakannya tanpa perlu melakukan konfigurasi pada mesin lokal Anda terlebih dahulu, cukup membukanya pada browser kesayangan Anda. Namun sayangnya, Anda tidak dapat menyimpan kode yang sudah Anda tulis pada DartPad dan membukanya kembali di kemudian hari. Termasuk ketika Anda anda ingin membagi (sharing) kode yang Anda buat di DartPad.

Untungnya hal ini dapat ditangani dengan menggunakan GitHub Gist. GitHub Gist merupakan web service yang disediakan GitHub untuk berbagi snippet code (potongan kode) yang bisa Anda gunakan secara gratis. Untuk menggunakannya Anda hanya perlu memiliki akun GitHub.

Pada artikel ini, kita akan belajar bagaimana berbagi kode yang sudah ditulis di DartPad dengan memanfaatkan GitHub Gist. Pastikan Anda mempunyai akun GitHub dan sudah masuk ke GitHub.

Mari kita mulai!

  • Setelah Anda menulis kode di DartPad, buka GitHub Gist pada tab baru. Anda akan disuguhkan dengan sebuah form berbentuk editor kode untuk menuliskan kode Anda seperti pada gambar berikut.
  • Copy dan Paste kode yang sudah Anda tulis di DartPad di bagian editor kodenya.

Berikut adalah contoh kode Flutter yang sudah disimpan sebagai gist pada GitHub Gist.

Sebagai catatan, DartPad akan mengenali gist yang Anda buat sebagai kode DartPad melalui tiga buat berkas dari gist yang Anda buat, yaitu:

  • berkas kode Dart, biasanya berupa main.dart
  • berkas HTML (opsional)
  • berkas CSS (opsional).

Demikian tutorial singkat kali ini, semoga bermanfaat.

Referensi:

Comments

Related posts