Kamis, 20 April 2017

Tutorial Sublime Text 3 – #8 Package Control

     Assalamualaikum Wr. Wb. Hai – hai man-teman sahabat lupacode, selamat datang kembali diblog lupacode – Tutorial Pemrograman. Dalam pembahasan meteri kemarin kita telah belajar mengenai sublime text, dan pada materi sebelumnya kita telah membahas mengenai Tutorial Sublime Text 3 – #7 Go To Anything bagi sahabat lupacode yang kebetulan baru saja mampir ke dalam blog ini, silahkan dipelajari dulu materi – materi yang sebelumnya dari pembahasan yang pertama. Karna didalam setiap materi pembahasan disini itu saling berhubungan antara materi sebelumnya dan materi selanjutnya. Atau sahabat dan teman – teman lupacode dapat langsung menuju pada halaman Daftar Isi disana seluruh pembahasan dari mulai materi yang pertama sampai dengan materi yang saat ini kita bahas tersedia disana. 

Tutorial Sublime Text 3 – #8 Package Control

        Dalam pembahasan materi kali ini kita masih dalam materi sublime text dimana pada materi sebelunya kita telah mempelajari banyak hal mengenai sublime text. Kalau kalian mempelajari materi sublime text ini dari awal pastinya kalian tentu sudah mengetahui serta merasakan kemudahan yang diberikan oleh sublime text ini.
       Kalau kalian merasa belum puas dengan fasilitas yang diberikan oleh sublime text itu sendiri, misalnya kita sudah tau bahwa sublime text telah mempunyai banyak bahasan disini, contohnya untuk javascript. Kita buka sublime text nya kemudian kita pilih javascript sebagai bahasa nya yaitu dengan cara mengklik tulisan plain text yang berada disudut kanan bawah pada sublime text atau kita juga bisa menggunakan bantuan command palette untuk mengganti syntax nya ke dalam javascript seperti yang telah kita pelajari pada materi sebelumnya yaitu kita cukup ketikan CTRL + SHIFT + P lalu tulisk syntax javascript kemudian kita pilih javascript maka sekarang syntax nya telah berubah menjadi javascript dan si sublime text ini sekarang telah mendukung fasilitsas untuk javascript.

         Tapi bagaimana misalnya kalau kalian bekerja dengan framework javascript jquery misalnya. Misalkan kalian punya sebuah syntax seperti ini
var tombol = $('button');
nah lalu si tombol ini kita akan kita kasih function untuk klik
tombol.on
kita tau bahwa kita bisa menggunakan snippet punya nya si javascript, kalian bisa tekan CTRL + SHIFT + P lalu kalian tulis Snippet nah disana kalian bisa lihat snippet punya nya si javascript

Tutorial Sublime Text 3 – #8 Package Control 1

         Tapi alangkah lebih bagus jika snippet yang muncul juga milik si jquery. Jadi kita tau bahwa si jquery punya method yang namanya on misalnya, alangkah lebih baik kalau sublime text menawarakan snippet juga buat si jquery, atau fasilitas lain misalnya, kita tau bahwa di sublime text kita bisa memilih skema warna, dengan masuk ke menu Preferences -> color scheme dan disana cukup banyak skema warna yang bisa kita pilih. Tapi bagaimana jika meskipun banyak seperti ini jika kita tidak ada yang cocok dengan skema warna yang disediakan oleh sublime text itu sendiri. Sublime text ini memungkin kan kita untuk membuat snippet sendiri, membuat skema warna sendiri atau yang lainnya juga, Cuma untuk melakukan semua itu kalian harus tau cara kerja si sublime text nya terlebih dahulu.
        Untungnya sudah banyak orang lain yang membuat plugin untuk sublime text ini. Nah saat ini ada orang yang namaya willbond dan kalian bisa lihat di websitenya www.wbond.net nah dia ini telah membuatkan sesuatu yang namanya Package control. Jadi package control ini adalah tempat dimana semua plugin sublime text ini dia kumpulkan sehingga kita bisa nginstal plugin nya tanpa perlu kita lakukan secara manual. Kalau kita lakukan secara manual kita harus buka foldernya, kita copy kan, kita lakukan konfigurasi yah lumayan ribet dan kita tidak akan lakukan itu.

         Jadi kita cukup menginstal plugin – plugin yang ada lewat sublime text nya itu sendiri, nah jadi sangat mudah sekali pengerjaan nya. Pertama yang akan kita lakukan adalah kita masuk kedalam websitenya Package control yaitu www.packagecontrol.io

Tutorial Sublime Text 3 – #8 Package Control 2

       Nah dimana disana lita bisa lihat kumpulan plugin yang bisa kalian instal. Tapi sebelum kalian bisa menginstal plugin nya kalian harus menginstal terlebih dahulu Package control nya itu sendiri. Caranya adalah kita masuk kedalam website packge control www.packagecontrol.io lalu pilih menu installation yang berada disebelah kanan atas, lalu kalian klik dan disana kalian bisa lihat cara menginstal nya.
      Kita harus copy semua script yang berada didalam website package control tersebut seperti ini

Tutorial Sublime Text 3 – #8 Package Control 3

       Lalu nanti kalian masukan ke console nya sublime text. Caranya adalah untuk memunculkan console pada sublime text dengan cara menakan CTRL + ` (controll+backtik) atau kalian juga bisa dengan cara masuk ke menu View -> Show Console maka console nya sublime text akan muncul. Lalu disina kalian simpan script yang tadi, paste di kolom console nya seperti ini

Tutorial Sublime Text 3 – #8 Package Control 4

        Jangan ada yang kelewat satu karakter pun yah, lalu tekan Enter nah ini harus ada kjoneksi internetnya, jadi kalian pastikan koneksi internet nya baik sebelum melakukan cara diatas.
Kemudian nati dia akan meload script – script yang dibutuhkan dan kalian tinggal tunggu saja, kalau sudah selesai ini harus di restart dulu sublime text nya dengan cara menutup sublime text nya kemudia membuka nya lagi.
        Untuk mengeatahui package control nya sudah terinstal atau belum, kalian bisa masuk ke menu Preferences -> package control nah nati dia akan muncul  seperti ini, dan ini tanda nya kita sudah berhasil menginsatal package contorlnya.

Tutorial Sublime Text 3 – #8 Package Control 5

    Kalau kalian ingin mengeluarkan menggunakan command palette kalian bisa tekan CTRL+SHIFT+P lalu kalian tulis package control. Nah disana kalian bisa melihat perintah-perintah terkait dengan package control, tapi secara umum yang kita butuhkan untuk nantinya adalah yang Package control : Install Package yang ini saja. jadi kalau kalian tekan enter atau kalian pilih yang instal package diatas nanti dia akan memunculkan plugin apa saja yang dimiliki oleh sublime text. Dan nanti itu akan langsung terhubung kedalam website packge control nya www.packagecontrol.io
      Misalnya sekarang kita coba untuk menginstal snippet jquery, yang tadi kita bahas diatas mengenai jquery. Maka kita hanya perlu masuk kedalam command palette nya, kemudian cari atau ketikan install lalu akan keluar install package control yang tadi, kemudian kita tekan enter dan kita tunggu sublime text nya yang sedang meloading repositori yang ada. Nah dan nanti akan muncul seperti ini

Tutorial Sublime Text 3 – #8 Package Control 6

Sekarang yang akan kita cari adalah snippet jquery. Jadi sekarang kita ketik lagi jquery dan kita cari snippate package

Tutorial Sublime Text 3 – #8 Package Control 7

          Kalau mau tau secara detail kalian bisa masuk kedalam website package control nya, nanti akan ada cara pake nya gimana, dan konfiguarasi nya gimana. Sekarang kita pilih yang snippate package kemudian kita tekan enter untuk menginstal nya nanti dia akan otomatis men download kita tunggu saja, kalau sudah selesai akan muncul tuisannya package jquery snippets pack succesfully installed
          Sekarang untuk mengecek nya kita lihat sudah ada atau tidak, kita tekan CTRL + SHIFT + P dan kita tulis jquery, nah kalian bisa lihat sekarang sudah ada

Tutorial Sublime Text 3 – #8 Package Control 8

Kalau saya tulis seperti tadi var tombol = $('button');  kemudian saya tulis tombol.on lalu saya tekan tab maka akan otomatis dibuatkan snippet nya

Tutorial Sublime Text 3 – #8 Package Control 9

      Jadi untuk pembahasan materi kedepannya saya akan kasih tau plugin apa saja yang sering digunakan dan seperti apa cara pakainya.
      Baiklah dan tadi yang ke-dua kalau misalkan kalian engga puas dengan skema warnanya, sekarang kita cari skema warna yang lain. Yang pertama kita buka command palette nya, kemudian kita panggil package controll nya dengan menuliskan install lalu tekan enter, lalu kemudian kita cari yang  populer color scheme nya itu adalah dayle

Tutorial Sublime Text 3 – #8 Package Control 10

       Jadi ada orang yang sudah membuatkan color scheme dan bagus – bagus lalu kita pilih saja kemudia kita tekan enter, dan kita tunggu proses download nya, karna itu akan otomatis mendownload, lama atau tidaknya tergantung koneksi internet yang kita gunakan.
        Kalau sudah succes terinstal kita cek di color scheme dengan cara masuk ke menu Preferences -> color scheme -> dan sekarang sudah muncul dayle rees color scheme kalian tinggal pilih saja mana yang lebih cocok dengan kalian

Tutorial Sublime Text 3 – #8 Package Control 11

          Baiklah itu dia tadi cara menggunakan package control dan nanti kita akan bahas plugin apa saja yang sering digunakan. Kalau kalian ingin melihat plugin apa saja yang sudah terinstal kalian bisa panggil package controlnya CTRL + SHIFT + P kemudian kita tulis list nanti akan muncul list package dan kita tekan enter dan kita bisa lihat package apa saja yang sudah kita install

Tutorial Sublime Text 3 – #8 Package Control 12


       Baiklah sampai disini dulu pembahasan materi kali ini, kemudian kita akan melanjutkan kedalam materi pembahasan yang selanjutnya yaitu Tutorial Sublime Text 3 – #9 Snippet

2 komentar

Untuk meload script ini harus memerlukan koneksi internet ya gan ? thanks saya mau coba, sangat membantu gan. Sukses terus :)

Silahkan berkomentar yang baik dan menarik sesuai dengan isi konten.
Komentar yang tidak diperbolehkan :

1. Berbau penghinaan SARA & PXXN
2. Komentar dengan Link hidup ( akan dianggap spam )
3. Komentar tidak nyambung dengan isi postingan
EmoticonEmoticon