Friday, February 1, 2019

[TUTORIAL] Install Emmet pada Sublime Text

  7:01 PM    


Oke bismillah kali ini saya akan sharing cara install plugin emmet pada sublime text versi 3.

1. Buka Sublime Text
2. CTRL + Shift + P pada keyboard. lalu ketikkan install package, kemudian ketikkan Emmet. Lalu Klik saja, akan otomatis terinstall. 
3. Setelah itu kalian akan disuruh untuk restart code editor anda, tutuplah terlebih dahulu lalu buka kembali . Emmet sudah teinstall gaes. 

Untuk mengecek nya coba anda buat dahulu satu project .html , kemudian kalian ketikkan tanda seru (!) lalu klik 'Tab' . Done? Thanks 

   /

  No Comments

[TUTORIAL] Membuat Project Flutter (first)

  6:42 PM    

Oke bismillah, kali ini saya akan sharing mengenai membuat project pertama pada flutter dengan bahasa dart dan dengan software VS Code. Sebelum itu hubungkan terlebih dahulu satu device(handphone) sebagai tempat pengujian . Oke langsung

1. Buka VS Code terlebih dahulu. kemudian view -> Command Pallete -> ketikkan 'flutter' lalu klik Flutter: New Project. 
2. Beri nama project. misal myapp, lalu enter.
3. Pilih direktori yang anda inginkan untuk menyimpan.
4. Tunggu proses analyzing selesai dan tunggu hingga muncul file 'main.dart'
5. Setelah itu kalian klik F1 pada keyboard lalu ketikkan 'Select Device' untuk memilih device anda yang sudah dalam keadaan Debugging Usb . Jika belum silahkan liat terlebih dahulu tutorial nya disini.
6. Kemudian kalian klik tombol F5 pada keyboard anda. tunggu hingga proses selesai kemudian anda lihat device anda akan dengan sendirinya membuka aplikasi yang kita buat tadi
Contoh nya seperti ini
Starter app on iOS

Sekian tutorial nya untuk membuat project pertama pada Flutter . terimakasih--

   / / /

  No Comments

[TUTORIAL] Install Flutter Windows 10

  6:05 PM    

Oke bismillah Assalamu'alaikum. Kali ini saya akan sharing cara install framework flutter pada windows, silahkan simak sampai habis ya. Jika kalian ingin mengetahui apa itu flutter silahkan baca artikel ini .... Oke Langsung kita gas yaa

1. Pertama kalian harus download terlebih dahulu Flutter SDK pada link : https://storage.googleapis.com/flutter_infra/releases/stable/windows/flutter_windows_v1.0.0-stable.zip (source: https://flutter.io/docs/get-started/install/windows).

2. Jika selesai, ekstrak file zip flutter ke direktori yang anda inginkan , disini saya install flutter di drive D
3. Setelah ekstrak selesai , buka folder flutter , kemudian cari disana file yang bernama flutter_console.bat . 


Double klik file tersebut lalu kalian akan mendapat tampilan seperti ini
flutter doctor
ketikkan seperti diatas di console . 
[-] Android toolchain - develop for Android devices
    • Android SDK at D:\Android\sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.io/setup/#android-setup for detailed instructions.



Jika kalian mendapati seperti ini pada console, jangan khawatir, ini karena anda belum pernah 



install androidstudio sebelumnya. Silahkan install android studio terlebih dahulu.




Setelah beres semuanya, Jika anda ingin menggunakan nya. Silahkan buka code editor VS 

Code untuk instalasi flutter selanjutnya.
1. Buka VS Code 
Kemudian klik yang saya kasih tanda panah . 
Kalian akan mendapatkan tampilan seperti dibawah ini
2. Cari di Extension dengan keyword 'Flutter' , dan 'Dart' . Karena kita membutuhkan bahasa 


Dart untuk framework ini. 


3. Kemudian klik install pada flutter dan dart
4. Kemudian klik view -> Command Pallete  . Lalu ketikkan 'doctor' . Klik saja 
Sampai sini sudah selesai, tapi ini hanya proses instalasi nya saja. Jika ingin Membuat project 
pertama silahkan klik link ini : http://www.juptech.tk/2019/02/tutorial-membuat-project-flutter-first.html
Sampai sini anda sudah berhasil menginstall framework Flutter dan Dart extension. 
Jika ada yang ditanyakan silahkan di kolom komen.

   / /

  No Comments