Laman » Toolkit » 10 Pakej Teks Sublime untuk Pemaju Frontend

    10 Pakej Teks Sublime untuk Pemaju Frontend

    Teks Sublime adalah salah satu daripada editor kod paling kuat dengan beberapa ciri yang menakjubkan, dan ia boleh menjadi lebih kuat dengan memasang Plugin atau Pakej. Plugin ini menambah fungsi tambahan ke Teks Sublime. Dan hari ini terdapat banyak plugin untuk memenuhi hampir semua keperluan pengekodan anda.

    Mencari sambungan yang baik walaupun boleh mencabar sebenar; beberapa sambungan telah ditinggalkan sepenuhnya oleh pemaju mereka, sementara yang lain mungkin tidak lagi serasi dengan Teks Sublime 3, versi terkini (semasa penulisan ini).

    Jika anda seorang pemaju frontend, kami telah memilih beberapa sambungan dan meletakkannya bersama untuk anda dalam artikel ini. Ini adalah 10 Pakej Teks Sublime frontend pemaju perlu dicuba.

    Lebih lanjut mengenai Hongkiat.com:

    • 18 plugin penting untuk mendapatkan lebih banyak daripada SublimeText
    • [Cara] Bekerja dengan coretan kod Dalam Teks Sublime
    • [Cara] Muat semula perubahan pada pelayar dengan Teks Sublime
    • [Cara] Kenal pasti ralat kod Dalam Teks Sublime
    • Pemilihan Warna Mudah Dalam Teks Sublime

    1. AlignTab

    AlignTab adalah plugin untuk menjajarkan kod anda. Ia mempunyai a “Mod Pratonton” yang membolehkan anda melihat bagaimana penjajaran akan digunakan (memandangkan notasi RegEx) sebelum ia digunakan. Ia juga mempunyai “Mod Jadual” akan membolehkan anda tetapkan penjajaran yang betul untuk jadual dalam format Markdown, berstruktur dengan saluran paip: |. AlignTab adalah sambungan yang berguna untuk merawat keselarasan kod anda dan menjadikannya lebih mudah dibaca.

    2. ColorHighlighter

    ColorHighlighter adalah plugin yang menunjukkan kod warna terpilih dengan warna visual mereka. Jika anda pilih “#F F F” ia akan menunjukkan kepada anda warna, putih. ColorHighlighter menyokong semua format warna CSS seperti Hex, RGB, HSL, HSV, dan memasukkan kata kunci warna seperti “merah”, “hijau”, dan lain-lain Ia juga menunjukkan pembolehubah LESS, SASS, dan Stylus yang mengandungi nilai warna. Ia adalah sekeping plugin yang akan membantu anda menjadi lebih intuitif apabila bekerja dengan warna.

    3. MultiEditUtils

    Plugin MultiEditUtils meningkatkan terbina dalam SublimeText “pelbagai kursor” dan “pelbagai pilihan” ciri, menjimatkan masa untuk kami mengedit kod baris panjang. Sebagai contoh: anda boleh menggabungkan atau menukar antara baris yang dipilih, ia juga meningkatkan SublimeText “pemilihan perpecahan” dengan membenarkan anda menentukan notasi untuk memecah garisan yang dipilih. Saya fikir ia mestilah mempunyai plugin untuk dipasang untuk pro-coders.

    4. Git Gutter

    Jika anda bekerja dengan Git, Git Gutter adalah plugin Teks Sublime yang disyorkan untuk dipasang. GitGutter akan menunjukkan bendera di kawasan longkang, apa-apa suntingan, tambahan, atau penyingkiran yang anda lakukan dalam kod anda. Ia adalah kod yang berguna untuk melihat perbandingan antara edisi kod anda dengan serta-merta terhadap komit, cabang, atau repositori HEAD.

    5. Modifik

    Modific berguna apabila anda menggunakan Git atau SVN dalam kerja anda. Sama seperti GitGutter, Modifik akan menandakan perubahan kod anda. Selain menyerlahkan perubahan, anda juga boleh melihat atau membandingkan perbezaan antara kod semasa dan komit terakhir dengan menekan Ctrl + Alt + D. Perkara-perkara lain yang boleh anda lakukan dengan Modifik termasuk pratonton kod yang dilakukan untuk baris semasa dan juga mengembalikan pengubahsuaian kod.

    6. Inc Dec Value

    Inc Dec Value membolehkan anda untuk menambah atau menurunkan nombor pada masa yang sama, walaupun mereka berada pada baris yang berbeza. Selain nombor, anda juga boleh menukar nilai tarikh, dan warna HEX. Untuk menggunakan plugin ini pada umumnya mengarahkan kursor ke kanan nombor itu, kemudian tekan Alt + ↑ untuk menambah bilangan atau Alt + ↓ untuk mengurangkan bilangan. Anda juga boleh menggunakan roda tetikus anda.

    7. FileBrowser

    FileBrowser menawarkan cara baru untuk arahkan fail dan folder anda dalam direktori projek anda. Apabila anda memasang pemalam ini, anda boleh mempunyai akses ke direktori projek anda dalam bar sisi yang baru, dan menavigasi tanpa memindahkan tangan anda dari papan kekunci anda - seperti pro-coder. Apabila anda membiasakannya, plugin ini secara beransur-ansur boleh meningkatkan aliran kerja anda.

    8. IconFont

    IconFont menyediakan coretan untuk banyak font ikon popular seperti FontAwesome, PaymentFont, Typicons dan Github Octicons. Ia berfungsi sama dengan coretan HTML biasa di mana singkatan akan diperluaskan kepada panjang penuh kelas dan kod HTML untuk setiap ikon.

    9. DistractionFreeWindow

    Walaupun teks Sublime terbina dalam “Penglibatan Percuma” ciri membolehkan anda memberi tumpuan kepada kod atau kandungan yang anda taip, semasa anda berada dalam mod ini, minimap, bar sisi, dan semua tab lain tersembunyi. Bebas-gangguan tidak boleh bermakna kehilangan akses kepada ciri-ciri tersebut. Di sinilah DistractionFreeWindow masuk untuk memberi anda lebih banyak fleksibiliti dari segi cara Mod Bebas Gaya Bebas harus berkelakuan.

    10. FilterLines

    FilterLines membolehkan anda mencari melalui garisan dalam dokumen anda untuk yang diberikan “rentetan kata kunci” atau “Notasi RegEx”. Ia adalah ciri yang berguna untuk berurusan dengan sejumlah besar data mentah dalam bentuk JSON, JavaScript Array, CVS.

    Image Courtesy: David Peckham