Transcript for:
Panduan Instalasi Dart dan VS Code

Assalamualaikum Wr Wb Selamat siang Di video ini saya akan menjelaskan bagaimana kita menginstal Dart kemudian menginstal Visual Studio Code Yang pertama untuk Visual Studio Code silahkan download di internet silahkan buka browsernya kemudian cari saja download Visual Studio Code seperti ini kemudian langsung saja klik Di sini, di bagian download visual studio code Kemudian Klik untuk window Sesuaikan dengan sistem operasi masing-masing Lalu dia nanti otomatis Akan ke download ya Kayak saya ini contohnya Hai Oke kemudian setelah di-download eh kita buka folder downloadnya ini yang hasil download saya tinggal dijalankan Oke nanti muncul seperti ini tinggal klik I accept klik next next ini next saja ini create desktop head at checklist semua ya kemudian di next lagi kemudian terakhir di-install Oops sorry Hai Oke setelah selesai berhasil setelah berhasil menginstal Oh ini sore ini ya di finish dulu kemudian tinggal di-open saja seperti ini Oh kebanyakan saya bukanya Oke tutup hai hai hai hai hai hai Nah ini tampilan awalnya Visual Studio Code seperti ini Oke Jika sudah selesai menginstall Visual Studio Code Saya tutup dulu Hai Oke jika sudah selesai menginstal visual studio code berikutnya adalah kita ha mendownload dan menginstal Dart SDK ya dan SDK juga sama silakan cari di internet download datlang seperti ini atau saja ya Dart eh SDK for Windows Dart SDK aja bisa Oke seperti ini klik get the Dart SDK Dart ini kita bisa sebenarnya kita bisa nginstal lewat comment tapi di di video ini kita lewat ini aja downloading the SDK as a zip file klik nanti dia di bagian bawahnya ini ada stable channel nah klik yang di bagian Dart SDK nya klik yang disini nanti otomatis dia download setelah selesai mendownload di saya ini ada ini hasilnya ukuran kisaran 200 dan MB kita copy Dart nya kemudian kita pindahkan ke drive C Saya pindahkan ini di drive C Ini hasilnya Pastikan disini Kemudian klik kanan Pilih extract all Pilih extract all Setelah di extract Nanti jadi folder seperti saya ini Dark SDK Windows X 64 Release Kita buka Di dalamnya ada folder lagi Nah ini Kita butuh ini sebenarnya Ini tinggal kita cut Ini saya cut Kemudian saya pastikan di C nya Jadi kita keluarin dari folder folder ini ya jadi dia harusnya ada di sini dark sdk kemudian di dalamnya ada filenya Oke berikutnya setelah kita berhasil mengekstraknya kita buka Windows lalu cari disini Envy Oke ini kemudian kita buka disini environment variable lalu di sini ada patch klik di patch lalu pilih edit kemudian nah disini kita masukkan patchnya new ya, kita klik new kemudian ketik c garis miring dart sorry, dart sdk, kemudian garis miring bin garis miring, ya boleh di enter jadi c.2 garis miring dart sdk slash bin slash kemudian kita oke, ini juga kita oke lalu ini juga kita oke, jadi sesuai dengan foldernya ini kan dari C, Dart SDK kemudian bin atau binary oke, kalau sudah kita akan coba buka comment, seperti ini lalu kita ketikan Dart kalau berhasil, seharusnya muncul seperti ini analyze, compile, create dev tool dan lain-lain, tapi kalau misalnya comment not recognized, yaitu berarti gagal kemungkinan kita salah ketik di bagian environment tadi cek lagi di sini pastikan lagi di patch, kemudian edit pastikan lagi ini sudah benar, c.2 garis miring, slash dart sdk, slash bin, slash kemudian ok, ok nah, kemudian buka comment, jangan pakai comment yang lama tutup dulu, kemudian buka lalu lagi komennya, kemudian ketik lagi dart, boleh dart saja, boleh kayak saya ini dart min version, kita mau cek versinya oke, ini sudah berhasil berarti jadi kita sudah selesai menginstal visual studio dan dart, nah di visual studio, sebentar saya buka lagi visual studio untuk memudahkan kita belajar, itu ada yang perlu kita install oke oke Hai website bisa tutup dulu Hai olah dia pilih kita pilih ini ya pilih dark time aja hai hai kalau baru install tuh biasanya dia minta kita untuk pilih yang dark kalau saya sukanya dark ini nih oke udah selesai ini tutup saja ini juga sama nih kalau dia minta pilih browse color color theme pilih yang dark plus gini oke udah tutup nah disini di VS Code ini ada extension nah extension ini disini kita ketik dark Hai Oke kemudian disini ada dark kita install Oke kemudian ada dark import juga ini kita install kemudian disini ada dark sintag highlight ini juga kita install oke Hai Oke ini udah selesai jadi dardnya udah ke install extension nya kemudian dari import juga udah dua ini kita kita butuh dua ini ya yang ini juga boleh kalau mau di-install Nah kalau udah selesai tadi kita kembali ke setting yang kontrol sipit tadi Ani tutup saya ulang saja kontrol sipi kemudian pilih open ketik open setting pilih yang UI open setting UI klik kemudian disini cari dark kemudian disini ada run and debug jadi ketik dart dulu nanti disini muncul run and debug kemudian disini pilih external terminal sampai sini settingan untuk dart di visual studio code sudah selesai nanti di video berikutnya kita akan coba buat project baru di dartnya saya cukupkan dulu videonya Assalamualaikum Wr Wb Selamat Siang