Showing posts with label Programming. Show all posts
Showing posts with label Programming. Show all posts

Cara Install Sidebar Enhancements di Sublime Text 3


Sublime Enhancements atau sidebar Enhancement adalah plugin tambahan untuk sidebar sublime yang berisi nama file dan folder. Plugin ini memberikan berbagai fitur pada akses sidebar sublime.

Selain sidebar Enhancements, sublime text 3 juga memiliki berbagai plugin yang dapat dilihat disini: 

10  Plugin Terbaik Sublime Text 3

Namun cara instalasi plugin melalui sublime tidaklah semudah menginstal software dengan menjalankan program setup. Berikut cara menginstal Plugin sidebar Enchancement di Sublime Text 3.

1. Pastikan Package Control telah terinstal di Sublime Text 3

Package control adalah plugin yang pertama kali harus diinstal setelah memasang sublime text. Untuk menginstal package control dapat mengikuti langkah-langkah pada link di bawah ini:

Cara Install Package Control Sublime Text 3


2.  Masuk ke Package Control melalui: Preferences > Package Control
 3. Pilih Instal Package, Selanjutnya akan muncul kotak berikut:

4.  Ketik sidebarenhancements, kemudian pilih SideBarEnhancements di list menu.

5. Sublime Text 3 akan melakukan download dan instalasi sidebar enhancement secara otomatis. Setelah selesai, restart sublime, maka plugin dapat digunakan seperti gambar berikut.

Cara Install Linter di Sublime Text 3



Linter atau Sublime Linter merupakan Plugin dalam Sublime Text yang dapat membantu proses debugging dengan memberikan tanda pada baris kode yang memiliki potensi error. Linter dapat bekerja pada kode php, javascript, java, css dan bahasa pemrograman lain sesuai dengan plugin yang terinstal.


Selain Linter, sublime text 3 juga memiliki berbagai plugin yang dapat dilihat disini: 

10  Plugin Terbaik Sublime Text 3.
Namun cara instalasi plugin melalui sublime tidaklah semudah menginstal software dengan menjalankan program setup. Berikut cara menginstal Plugin Linter di Sublime Text 3.

1. Pastikan Package Control telah terinstal di Sublime Text 3


Package control adalah plugin yang pertama kali harus diinstal setelah memasang sublime text. Untuk menginstal package control dapat mengikuti langkah-langkah pada link di bawah ini:

Cara Install Package Control Sublime Text 3

2.  Masuk ke Package Control melalui: Preferences > Package Control
 3. Pilih Instal Package, Selanjutnya akan muncul kotak berikut:

4.  Ketik sublimeLinter, kemudian pilih sublimeLinter di list menu.

5. Sublime Text 3 akan melakukan download dan instalasi Linter secara otomatis. Setelah selesai, maka plugin Linter siap digunakan.

Cara Install Package Control Sublime Text 3


Package control adalah plugin yang pertama kali harus diinstal setelah memasang sublime text. Plugin ini berguna untuk membantu proses instalasi, upgrade, lihat dan hapus plugin-plugin lain yang sudah maupun belum terinstal di sublime text.


Package control dapat diinstal memasukan kode dari alamat web berikut di dalam console:

https://packagecontrol.io/installation
Copy kode di atas, kemudian tekan: CTRL + ` untuk membuka console.
Paste kode instalasi tersebut di kolom Console, maka Package Control pun akan otomatis terinstal setelah beberapa saat. Setelah itu restart program Sublime Text 3.

Package Control dapat digunakan untuk menginstal plugin-plugin sublime text 3 yang lain secara cepat. Beberapa plugin sublime yang populer dapat dilihat pada artikel berikut:

10 Plugin Terbaik Sublime Text 3

10 Plugin Terbaik Sublime Text 3

Sublime text yang merupakan text editor favorit para programmer ini dilengkapi dengan berbagai plugin untuk kemudahan proses coding. Apa itu sublime text dapat dilihat di sini:

Sublime dapat diinstall, dengan mengikuti langkah-langkah ini:

Berikut 10 plugin terbaik yang paling sering dipasang di sublime text oleh para developer:

Package control adalah plugin yang pertama kali harus diinstal setelah memasang sublime text. Plugin ini berguna untuk membantu proses instalasi, upgrade, lihat dan hapus plugin-plugin lain yang sudah maupun belum terinstal di sublime text.



2. Emmet
Emmet membantu proses coding CSS dan HTML secara cepat dengan menggunakan singkatan-singkatan dan shortcut.
Berbagai fitur menarik pada emmet dapat dilihat di sini:
Emmet sendiri dapat diinstal dengan mudah melalui package control dengan mengikuti cara berikut:


Sublime Linter dapat membantu proses debugging dengan memberikan tanda pada baris kode yang memiliki potensi error.


Sublime Enhancements atau sidebar Enhancements adalah plugin tambahan untuk sidebar sublime yang berisi nama file dan folder. Plugin ini memberikan berbagai fitur pada akses sidebar sublime.


Plugin ini memungkinkan untuk melihat dan mengakses packages yang tersedia dalam sublime dengan mudah. Packages juga dapat diekstrak dan di salin dalam folder user.


Plugin ini memungkinkan sublime text untuk menjalankan berbagai perintah Git seperti Add dan Commit.


Plugin ini memungkinkan sublime text untuk membuka folder proyek dalam terminal dengan bantuan hotkey.


Plugin ini dapat mengurutkan property CSS sesuai keinginan user sehingga kode CSS dapat lebih rapi dan teratur.


Plugin ini dapat meluruskan (Align) baris-baris kode pada PHP, javascript, dan CSS sehingga lebih rapi dan mudah dibaca.


Plugin untuk memilih warna dalam sublime text. UI developer pastinya membutuhkan plugin ini karena akses pada kode warna secara cepat dengan roda warna dari sistem operasi.

Cara Menggunakan Emmet di Sublime Text 3




Developer profesional, selelu mencari alat-alat atau tool yang dapat mempercepat pekerjaannya(coding). Text Editor Sublime Text 3 telah menjawab keresahan para programmer untuk mempercepat pekerjaannya. Sublime Text 3 saat ini menjadi text editor paling populer dikalangan web developer. Cara install Sublime Text 3.  

Emmet merupakan plugin yang diinnstall secara terpisah dari Sublime Text 3. Selain emmet, sublime text 3 juga memiliki berbagai plugin yang dapat dilihan disini: 10  Plugin Terbaik Sublime Text 3.
Emmet dapat sangat membantu dan mempercepat pengetikan coding. Cara Install Emmet di Sublime Text 3.  Dan artikel hari ini akan membahas cara menggunakan emmet pada sublime Text 3.



1. Membuat stuktur HTML 5 dengan cepat



2. Membuat multiple <div>


3. Membuat <ul>


4. Membuat <ul><li>

5. Membuat <div class="kelas">

6. Membuat child element

7. Membuat sibling element

8. Membuat id dan class

9. Gabungan element

10. Lorem ipsum otomatis







Cara menginstal Emmet di Sublime Text 3


Emmet merupakan Plugin dalam Sublime Text yang paling umum digunakan untuk mempercepat kemampuan coding. Apa itu sublime text dapat dipelajari disini:

Coding cepat dengan Sublime Text klik disini
Sublime text sendiri dapat diinstal dengan mudah:
Cara instal sublime text 3 klik disini
 
Emmet memiliki berbagai fitur-fitur seperti kerapian indentasi otomatis, dan memunculkan syntax yang akan diketik hanya dengan sebuah tombol shortcut, plugin ini menjadi plugin utama yang wajib di instal oleh para pengguna Sublime Text.
Selain emmet, sublime text 3 juga memiliki berbagai plugin yang dapat dilihan disini: 
10  Plugin Terbaik Sublime Text 3.
Namun cara instalasi plugin melalui sublime tidaklah semudah menginstal software dengan menjalankan program setup. Berikut cara menginstal Plugin Emmet di Sublime Text 3.

1. Pastikan Package Control telah terinstal di Sublime Text 3


Package control adalah plugin yang pertama kali harus diinstal setelah memasang sublime text. Untuk menginstal package control dapat mengikuti langkah-langkah pada link di bawah ini:

Cara Install Package Control Sublime Text 3

2.  Masuk ke Package Control melalui: Preferences > Package Control
 3. Pilih Instal Package, Selanjutnya akan muncul kotak berikut:
4.  Ketik Emmet, kemudian pilih Emmet di list menu.

5. Sublime Text 3 akan melakukan download dan instalasi Emmet secara otomatis. Setelah selesai, maka plugin Emmet siap digunakan.
Cara Menggunakan Emmet di Sublime Text 3 

Cara install Sublime Text 3 di Windows

 Apa itu Sublime text? Sublime text adalah text editor dengan tampilan yang nyaman dan dilengkapi berbagai plugin untuk mempercepat proses coding kalian. Selengkapnya baca di sini:
Coding cepat dengan Sublime Text

1. Download Aplikasi Sublime Text 3
2. Klik 2x hasil downloadan kalian
3. Klik Next


4.Klik Next


5.Klik Next


6.Klik install



7. Tunggu proses installasi Selesai

8. Program siap dijalankan




Coba tengok juga plugin sublime text yang bisa mempermudah proses coding kamu. Cara instalnya mudah kok, baca aja langkah-langkahnya disini: 
Cara instal Emmet di Sublime text 3 klik disini

Coding cepat dengan Sublime Text



Buat para programmer ataupun calon menantu, eh mahasiswa IT maksudnya, pasti udah sangat kenal dengan apa yang namanya coding. Istilah simpel yang diambil dari kata code kemudian ditambah -ing ini adalah kegiatan fenomenal mengolah dan menciptakan program yang bukan hanya melelahkan otak, tapi juga jari-jari kurus si anak IT. Efeknya bisa sampai ke mata, pundak yang kaku dan rasa tidak nyaman di pantat.

Nah, pastinya banyak yang mulai mikir gimana cara biar tuh kode bisa muncul sendiri cuma dengan menatap ke layar komputer. Sayangnya itu masih mustahil. Tapi bukan berarti tidak ada cara ajaib buat munculin kode-kode sialan itu secara otomatis hanya dengan beberapa tombol saja.
Buat anak IT yang dari jaman batu sampai sekarang masih coding dengan bermodal notepad++ (kalau masih pake notepad standar bener-bener ketinggalan jaman), lebih baik cepet-cepet cari alternatif lain deh buat mempermudah proses coding yang melelahkan.
Alternatif yang paling banyak dipakai di jaman modern ini namanya adalah SUBLIME TEXT.



 Apa sih Sublime Text itu?
Dia itu cuma text editor biasa yang ga jauh beda sama notepad++ kok. Yang membedakan paling cuma desainnya yang lebih nyaman dan sejuk di mata, navigasi berbagai file di sisi kiri yang bisa kamu akses dengan cepat semisal kamu coding di banyak file yang berbeda, juga scroll yang lebih efektif dengan bantuan navigasi gambar di kanan atas buat kamu yang codingnya memajang ke bawah. Belum termasuk berbagai plugin-plugin keren yang buanyak sekali membantu proses coding kamu.



Misalnya saja si cupu emmet yang bisa kamu install dengan cara di bawah ini:

Cara menginstal emmet di sublime text 3 klik disini

Hanya dengan satu buah emmet, kamu gak perlu bingung syntax dan variabel yang jumlah hurufnya panjang banget buat diketik. Satu dua huruf ditambah tombol tab udah bisa memunculkan syntax yang kamu maksud atau  juga bisa memunculkan macam-macam syntax yang bisa kamu pakai. 


Selain itu, kamu gak bakal peduli lagi dengan kerapian tiap baris coding kamu karena si emmet bisa memperbaiki indentasi (jarak di awal coding tiap baris) secara otomatis. Dengan kata lain, kalau kamu punya dosen/rekan yang sensitif banget sama indentasi codingmu, biar si emmet yang membetulkan.


Semua itu masih belum termasuk plugin linter yang bisa munculin simbol error di baris tertentu tanpa kamu harus jalanin coding javascript atau php kamu buat cek errornya.
Nah, asyik kan? Langsung coba aja!
Install Sublime text 3 Klik disini

@Bent Hartz