Beranda » Toolkit » 10 Paket Teks Luhur untuk Pengembang Frontend

    10 Paket Teks Luhur untuk Pengembang Frontend

    Sublime Text adalah salah satu editor kode paling kuat dengan beberapa fitur luar biasa, dan bahkan bisa lebih kuat dengan menginstal Plugin atau Paket. Plugin ini menambah fungsionalitas ekstra ke Teks Sublime. Dan hari ini ada banyak plugin untuk memenuhi hampir semua kebutuhan pengkodean Anda.

    Menemukan ekstensi yang bagus bisa jadi sangat menantang; beberapa ekstensi telah sepenuhnya ditinggalkan oleh pengembangnya, sementara yang lain mungkin tidak lagi kompatibel dengan Sublime Text 3, versi terbaru (pada saat penulisan ini).

    Jika Anda adalah pengembang frontend, kami telah memilih sendiri beberapa ekstensi dan menyatukannya untuk Anda di artikel ini. Ini adalah 10 Paket Utama yang Sublime Text developer harus coba.

    Lebih banyak tentang Hongkiat.com:

    • 18 plugin penting untuk mendapatkan lebih banyak dari SublimeText
    • [Cara] Bekerja dengan cuplikan kode Dalam Teks Luhur
    • [How To] Refresh perubahan pada browser dengan Teks Sublime
    • [Bagaimana Cara] Mengidentifikasi kesalahan kode Dalam Teks Sublime
    • Memilih Warna Dengan Mudah Dalam Teks Yang Sublim

    1. AlignTab

    AlignTab adalah plugin untuk menyelaraskan kode Anda. Itu memiliki “Mode Pratinjau” yang memungkinkan Anda untuk melihat bagaimana perataan akan diterapkan (diberi notasi RegEx) sebelum benar-benar diterapkan. Ini juga memiliki “Mode Tabel” akan memungkinkan Anda untuk mengatur perataan yang tepat untuk tabel dalam format Penurunan harga, terstruktur dengan jaringan pipa: |. AlignTab adalah ekstensi yang berguna untuk merapikan perataan kode Anda dan membuatnya lebih mudah dibaca.

    2. ColorHighlighter

    ColorHighlighter adalah plugin itu menunjukkan kode warna yang dipilih dengan warna visualnya. Jika Anda memilih “#fff” itu akan menunjukkan warna, putih. ColorHighlighter mendukung semua format warna CSS seperti Hex, RGB, HSL, HSV, dan termasuk kata kunci warna seperti “merah”, “hijau”, dll. Ini juga menunjukkan kepada Anda variabel KURANG, Sass, dan Stylus yang berisi nilai warna. Ini adalah bagian dari plugin yang akan membantu Anda menjadi lebih intuitif ketika bekerja dengan warna.

    3. MultiEditUtils

    Plugin MultiEditUtils meningkatkan SublimeText bawaan “multi-kursor” dan “pilihan ganda” fitur, menghemat waktu kita untuk mengedit baris kode yang panjang. Misalnya: Anda dapat menggabungkan atau bertukar di antara baris yang dipilih, itu juga meningkatkan SublimeText “pilihan split” dengan memungkinkan Anda untuk menentukan notasi untuk membagi garis yang dipilih. Saya pikir itu harus memiliki plugin untuk menginstal untuk pro-coders.

    4. Git Talang

    Jika Anda bekerja dengan Git, Git Gutter adalah plugin Sublime Text yang disarankan untuk diinstal. GitGutter akan menampilkan bendera di area selokan, apa pun mengedit, menambah, atau menghapus yang Anda lakukan dalam kode Anda. Ini adalah kode yang berguna untuk melihat secara langsung perbandingan antara edisi kode Anda dengan repositori komit, cabang, atau HEAD Anda.

    5. Modifikasi

    Modifikasi berguna saat Anda menggunakan Git atau SVN dalam pekerjaan Anda. Sama seperti GitGutter, Modific akan menandai perubahan kode Anda. Selain menyoroti perubahan, Anda juga dapat melihat atau membandingkan perbedaan antara kode saat ini dan komit terakhir dengan menekan Ctrl + Alt + D. Hal-hal lain yang dapat Anda lakukan dengan Modific termasuk pratinjau kode yang dikomit untuk baris saat ini sebaik mengembalikan modifikasi kode.

    6. Inc Dec Value

    Inc Dec Value memungkinkan Anda untuk menambah atau mengurangi angka secara bersamaan, bahkan jika mereka berada di jalur yang berbeda. Selain angka, Anda juga dapat mengubah nilai tanggal, dan warna HEX. Untuk menggunakan plugin ini secara umum mengarahkan kursor ke kanan nomor, lalu tekan Alt + ↑ untuk menambah angka atau Alt + ↓ untuk mengurangi jumlahnya. Anda juga dapat menggunakan roda mouse Anda.

    7. FileBrowser

    FileBrowser menawarkan cara baru untuk arahkan file dan folder Anda dalam direktori proyek Anda. Ketika Anda menginstal plugin ini, Anda dapat memiliki akses ke direktori proyek Anda di sidebar baru, dan menavigasi melalui itu tanpa memindahkan tangan Anda dari keyboard - seperti pro-coder. Ketika Anda terbiasa, plugin ini secara bertahap dapat meningkatkan alur kerja Anda.

    8. IconFont

    IconFont menyediakan cuplikan untuk banyak ikon ikon populer seperti FontAwesome, PaymentFont, Typicons, dan Github Octicons. Ini berfungsi mirip dengan cuplikan HTML biasa di mana singkatan akan diperluas hingga penuh kelas dan kode HTML untuk setiap ikon.

    9. DistractionFreeWindow

    Meskipun Sublime Text sudah built-in “Gangguan Gratis” Fitur memungkinkan Anda fokus pada kode atau konten yang Anda ketikkan, ketika Anda berada dalam mode ini, minimap, bilah sisi, dan semua tab lainnya disembunyikan. Bebas gangguan tidak berarti kehilangan akses ke fitur-fitur itu. Di sinilah DistractionFreeWindow datang untuk memberi Anda lebih banyak fleksibilitas dalam hal bagaimana Mode Bebas Gangguan seharusnya berperilaku.

    10. Garis Filter

    FilterLines memungkinkan Anda untuk mencari melalui garis-garis di dalam dokumen Anda untuk diberikan “string kata kunci” atau “Notasi RegEx”. Ini adalah fitur yang berguna untuk berurusan dengan sejumlah besar data mentah dalam bentuk JSON, JavaScript Array, CVS.

    Gambar milik: David Peckham