Editor kode Anda adalah alat development utama; Anda akan memakainya untuk menulis dan menyimpan baris kode. Tulis kode yang lebih baik dengan mempelajari pintasan editor Anda dan memasang plugin utama.
TL;DR
- Pilih editor yang memungkinkan Anda menyesuaikan pintasan dan memiliki banyak plugin yang membantu Anda menulis kode yang lebih baik.
- Manfaatkan pengelola paket untuk mempermudah penemuan, pemasangan, dan pembaruan plugin.
- Pasang plugin yang membantu Anda tetap produktif selama proses development; mulai dengan yang disarankan dalam panduan ini.
Memasang editor teks Sublime
Sublime adalah editor yang sangat bagus dengan tingkat fungsionalitas dasar yang kuat sehingga membuat penulisan kode lebih mudah. Anda bisa memasang pengelola paket yang memudahkan Anda memasang plugin dan menambahkan fungsionalitas baru.
Ada dua opsi unduhan untuk Sublime Text, yaitu versi 2 atau versi 3. Versi 3 cukup stabil dan akan memberi Anda akses ke paket yang tidak tersedia di Sublime Text 2, tetapi mungkin versi 2 terasa lebih andal.
Mengapa sebaiknya menggunakan pengelola paket?
Pengelola paket memudahkan menemukan, memasang, dan menjaga paket dan plugin tetap terbaru.
Anda bisa memasang Pengelola Paket untuk Sublime dengan mengikuti petunjuk ini https://packagecontrol.io/installation.
Anda hanya perlu melakukannya sekali, setelahnya lihat daftar plugin yang kami sarankan di bawah.
Memasang plugin
Plugin membantu Anda tetap lebih produktif. Apa saja yang membuat Anda harus kembali memakai alat lain untuk melakukan suatu hal?
Linting - ada plugin untuk itu. Menampilkan perubahan apa saja yang telah diterapkan - ada juga plugin untuk itu. Integrasi dengan alat lain, seperti GitHub, ada plugin untuk itu.
Pengelola paket memudahkan menemukan, memasang, dan memperbarui plugin:
- Di editor Sublime Text, buka pengelola paket Anda (ctrl+shift+p).
- Masuk ke 'Install Package'.
- Masukkan nama plugin yang Anda cari (atau jelajahi semua plugin).
Lihat daftar plugin Sublime Text yang populer. Berikut ini plugin yang kami sukai dan sarankan agar Anda memasangnya karena membantu mempercepat proses development:
Autoprefixer
Jika Anda menginginkan cara yang cepat untuk menambahkan awalan vendor ke CSS Anda, Anda bisa melakukannya dengan plugin yang berguna ini.
Tulis CSS, abaikan awalan vendor dan bila Anda ingin menambahkannya, tekan
ctrl+shift+p
dan ketikkan Autoprefix CSS
.
Kami membahas bagaimana Anda bisa mengotomatiskan ini di proses
pembangunan Anda,
dengan demikian CSS Anda tetap ringan dan Anda tidak perlu mengingat harus menekan
ctrl+shift+p
.
ColorPicker
Pilih warna apa pun dari palet dan tambahkan ke CSS Anda dengan ctrl+shift+c
.
Emmet
Tambahkan beberapa pintasan keyboard dan cuplikan yang berguna ke editor teks. Lihat video di Emmet.io untuk pengenalan tentang apa saja yang bisa Anda lakukan ( favorit pribadi adalah perintah 'Toggle Comment').
HTML-CSS-JS prettify
Ekstensi ini memberikan Anda perintah untuk memformat HTML, CSS, dan JS Anda. Anda bahkan bisa merapikan file Anda setiap kali menyimpan file.
Git Gutter
Tambahkan penanda di gutter setiap kali ada perubahan yang dibuat pada file.
Gutter Color
Gutter Color menampilkan sampel warna kecil di sebelah CSS Anda.
Plugin ini memerlukan ImageMagick. Jika Anda memakai Mac OS X, kami menyarankan Anda agar mencoba pemasang dari CactusLabs (Anda mungkin perlu menghidupkan ulang komputer Anda agar bisa membuatnya berfungsi).