Pintasan Dan Tip Untuk Meningkatkan Produktivitas Anda Dengan Teks Sublim

Sublime Text, tidak diragukan lagi, adalah salah satu editor teks paling kuat di luar sana. Jumlah pengguna yang puas membuktikan hal itu. Jika Anda menjelajahinya, pada akhirnya Anda akan melihat betapa indahnya fitur-fitur canggihnya yang tersembunyi di balik antarmuka yang sederhana dan elegan.

Jika Anda telah menggunakan Sublime Text selama beberapa waktu, sekarang saatnya untuk meningkatkan persenjataan Anda dengan amunisi baru. Saya akan membawa Anda melalui beberapa tip dan trik favorit saya. Mengetahui mereka mungkin akan melepaskan kekuatan tersembunyi Anda sebagai programmer ke dunia.

Bacaan Lebih Lanjut tentang SmashingMag:

• 50 Penghemat Waktu yang Kuat Untuk Desainer Web
• Kiat, Alat, dan Trik Alur Kerja yang Kuat Untuk Desainer Web
• Cara Menjaga Alur Kerja Coding Anda Terorganisir

Plugin Teks Sublim

Kontrol Paket

Package Control adalah solusi satu atap untuk mengunduh dan mengelola plugin dan tema terkait Sublime Text. Petunjuk penginstalan tersedia di situs web Package Control.

Setelah diinstal, Anda dapat mengaksesnya menggunakan palet perintah. Untuk menginstal plugin, tekan Cmd ⌘ + Shift ⇧ + P (Mac) atau Ctrl ⌃ + Shift ⇧ + P (Windows dan Linux), lalu masuk ke Install Package dan tekan “Return.” Daftar plugin dalam repositori membutuhkan beberapa saat untuk dimuat, tetapi kemudian Anda dapat mengetikkan nama plugin yang Anda minati dan menginstalnya dari sana. Beberapa plugin favorit saya tercantum di bawah ini.

Peningkatan Sidebar

Bilah samping default Sublime Text hanya dapat melakukan beberapa tugas terbatas. Plugin Sidebar Enhancements menambah Sublime Text dengan perintah untuk membuka file di browser, menyalin, menempel, menyalin jalur, menggandakan, menghapus, dan banyak lagi.

Tugas Biasa

Plain Tasks mengubah Sublime Text menjadi pengelola daftar tugas yang andal. Anda dapat menginstalnya melalui Kontrol Paket. Buat file dengan ekstensi .todo untuk mengaktifkan Tugas Biasa di atasnya. Untuk tips lainnya, Anda dapat mengakses tutorial yang disediakan dalam plugin, tersedia di “Preferences” → “Package Settings” → “Plain Tasks” → “Tutorial.”

Untuk tugas baru:

• Cmd ⌘ + Return ↵ (Mac)
• Ctrl ⌃ + Return ↵ (Windows dan Linux)

Untuk menandai sebagai selesai:

• Cmd ⌘ + D (Mac)
• Ctrl ⌃ + D (Windows dan Linux)

Untuk menandai sebagai dibatalkan:

• Ctrl ⌃ + C (Mac)
• Alt + C (Windows dan Linux)

Linter Sublim

Periksa kesalahan dalam kode Anda menggunakan Sublime Linter. Plugin ini menyediakan kerangka kerja untuk linting kode Anda. Linting sebenarnya dilakukan oleh berbagai plugin (untuk Ruby, Python, JavaScript dll.), yang berarti Anda harus menginstal Sublime Linter terlebih dahulu dan kemudian menginstal linter khusus sintaks untuk kode Anda. Dokumentasi yang luas tersedia.

Semut

Emmet, dulu dikenal sebagai Zen Coding, adalah alat yang sangat diperlukan untuk setiap pengembang web. Ini mungkin plugin paling produktif dan menghemat waktu yang pernah Anda temukan.

Menulis kode membutuhkan waktu, dan pekerjaan kasar HTML seperti menulis tag dan membungkus kelas dengan tanda kutip bisa jadi membosankan. Emmet mengurus semua itu. Ini secara ajaib memperluas singkatan ke dalam keseluruhan struktur HTML atau CSS. Sintaks yang digunakan untuk singkatan ini terinspirasi dari pemilih CSS. Mari kita saksikan aksinya.

Guru Agung

Sublime Tutor adalah tutorial dalam editor interaktif untuk pintasan keyboard di Sublime Text. Jika Anda baru saja memulai dengan Sublime Text, plugin akan langsung meningkatkan produktivitas Anda dengan mengajari Anda tips dan trik yang bagus di dalam editor itu sendiri. Plugin menggunakan teknik pengulangan spasi untuk memastikan Anda mengingat perintah yang diajarkannya.

Gunakan Kontrol Paket untuk menginstal plugin. Setelah terinstal, Anda dapat mengakses tutor melalui menu “Bantuan” atau pintasan keyboard Ctrl ⌃ + Alt ⌥ + K

Fungsi Teks Sublim

Pergi ke Apa Saja

Ini mungkin perintah yang paling kuat dan paling sering digunakan di Sublime Text. Menavigasi melalui file, folder, simbol, dan garis dengan mudah.

Untuk membuka file:

• Cmd ⌘ + P (Mac)
• Ctrl ⌃ + P (Windows dan Linux)

Tekan kode pendek keyboard, dan mulailah mengetik nama file. Sublime Text akan melakukan pencarian fuzzy dan mengambil file yang Anda inginkan secara instan.

Pergi ke simbol:

• Cmd ⌘ + R (Mac)
• Ctrl ⌃ + R (Windows dan Linux)

Pergi ke baris:

• Ctrl ⌃ + G (Mac)
• Ctrl ⌃ + G (Windows dan Linux)

Untuk masuk ke baris tertentu dalam file, ketik titik dua diikuti dengan nomor baris, atau gunakan kode pendek keyboard.

Pemilihan Kata

• Cmd ⌘ + D (Mac)
• Ctrl ⌃ + D (Windows dan Linux)

Letakkan kursor Anda pada sebuah kata, tekan kode pendek keyboard, dan kata tersebut akan langsung dipilih. Jika Anda menekan kombinasi tombol yang sama lagi, Sublime Text akan masuk ke mode multi-pilihan dan memilih contoh lain dari kata yang sama dalam dokumen. Anda dapat menggunakan metode ini untuk menambahkan atau mengganti teks dengan cepat di semua contoh kata.

• Ctrl ⌃ + Cmd ⌘ + G (Mac)
• Alt + F3 (Windows dan Linux)

Ini adalah cara lain untuk mencapai hal yang sama. Alih-alih mencari kata secara bertahap, ia melakukan pencarian kata secara massal di bawah kursor dan beralih ke mode multi-pilihan.

Perluas Pilihan ke Cakupan

• Cmd ⌘ + Shift ⇧ + Space ␣ (Mac)
• Ctrl ⌃ + Shift ⇧ + Space ␣ (Windows dan Linux)

Pintasan ini sangat berguna untuk pengembang JavaScript. Ini memilih cakupan saat ini. Menekan kombinasi tombol yang sama lagi memilih cakupan induknya. Video menjelaskan cara kerjanya:

Pecahkan Seleksi Menjadi Garis

• Cmd ⌘ + Shift ⇧ + L (Mac)
• Ctrl ⌃ + Shift ⇧ + L (Windows dan Linux)

Gunakan pintasan ini untuk memecah area yang dipilih menjadi beberapa baris, menempatkan Sublime Text dalam mode multi-pilihan. Saya menggunakan trik ini untuk dengan cepat mengubah daftar kata menjadi array string tertutup.

Pemilihan kolom

• Ctrl ⌃ + Shift ⇧ + Up ↑ / Down ↓ (Mac)
• Ctrl ⌃ + Alt + Up ↑ / Down ↓ (Menang)
• Alt + Shift ⇧ + Up ↑ / Down ↓ (Linux)

Gunakan pintasan ini untuk memilih kolom di Sublime Text. Letakkan kursor Anda di mana saja dalam dokumen, lalu tekan pintasan untuk memilih kolom ke atas atau ke bawah. Ini juga membawa Anda ke mode multi-pilihan, seperti dua perintah di atas.

Menyortir

• F5 (Mac)
• F9 (Windows dan Linux)

Saya suka menjaga properti CSS saya diurutkan berdasarkan abjad. Perintah ini sangat berguna untuk itu. Pilih blok yang perlu Anda urutkan (tip pro: gunakan Ctrl ⌃ + Shift ⇧ + J untuk memilih level indentasi), lalu tekan kode pendek keyboard.

Aktifkan Periksa Ejaan

• F6

Tidak perlu lagi kecewa dengan kesalahan ketik setelah kode berhasil mencapai tahap peninjauan. Gunakan kunci ini untuk mengaktifkan pemeriksa ejaan dengan cepat.

Komentar

• Cmd ⌘ + / (Mac)
• Ctrl ⌃ + / (Windows dan Linux)

Ini adalah salah satu cara pintas yang paling sering saya gunakan. Menandai komentar dalam bahasa pemrograman apa pun dibuat sederhana dengan pintasan ini. Dalam file HTML, ia menempatkan sepasang <!-- --> , sedangkan dalam JavaScript ia menempatkan // di awal baris.

Gelembungkan Garis Atas atau Bawah

• Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
• Shift ⇧ + Ctrl ⌃ Up ↑ / Down ↓ (Windows dan Linux)

Ingin memindahkan potongan kode lima baris ke atas? Memotong dan menempel benar-benar kuno. Gunakan pengikatan kunci ini untuk membawa cuplikan ke mana pun Anda mau. Tekan pintasan lagi untuk terus memindahkannya lebih jauh ke atas atau ke bawah.

Seleksi Duplikat

• Cmd ⌘ + Shift ⇧ + D (Mac)
• Ctrl ⌃ + Shift ⇧ + D (Windows dan Linux)

Secara default, pintasan ini menduplikasi baris saat ini dan meletakkannya di baris berikutnya. Jika Anda memilih wilayah dan menekan pintasan ini, itu akan menduplikasi seluruh wilayah.

Gabung Dua Baris

• Cmd ⌘ + J (Mac)
• Ctrl ⌃ + J (Windows dan Linux)

Ini menggabungkan baris berikut ke baris saat ini, menggantikan semua spasi putih di antaranya dengan satu spasi. Dilakukan pada blok garis, ini menggabungkan semua garis bersama-sama.

Pergi ke Pencocokan Bracket

• Ctrl ⌃ + M

Gunakan perintah ini untuk memindahkan kursor Anda dari satu posisi braket ke posisi braket lainnya. Ini sangat berguna ketika Anda tersesat dalam metode yang panjang dan ingin mencapai posisi awal (atau sebaliknya).

Tutup Tag HTML

• Cmd ⌘ + Opt ⌥ + . (Mac)
• Alt + . (Windows dan Linux)

Gunakan pintasan ini untuk menutup tag HTML yang sedang dibuka. Ini menyisipkan tag penutup yang cocok di lokasi kursor saat ini.

Temukan di Proyek

• Cmd ⌘ + Shift ⇧ + F (Mac)
• Ctrl ⌃ + Shift ⇧ + F (Windows dan Linux)

Ini adalah padanan grep dari Sublime Text. Ia menemukan istilah dalam keseluruhan proyek. Hal khusus tentang perintah ini adalah sangat cepat. Ada opsi untuk membuatnya peka huruf besar-kecil dan untuk melakukan pencocokan ekspresi reguler juga.

Untuk mencari istilah tertentu dalam dokumen saat ini, di seluruh proyek, letakkan kursor pada istilah itu dan kemudian tekan Ctrl ⌃ + E , yang akan menempatkan istilah itu di kotak pencarian. Menekan kode pendek di atas akan mengisi kotak pencarian di seluruh proyek dengan istilah ini.

Beralih Antar Tab

• Cmd ⌘ + Shift ⇧ + [ atau ] (Mac)
• Ctrl ⌃ + Page Up ⇞ atau Page Down ⇟ (Windows dan Linux)

Sama seperti di browser web, Anda dapat membuka banyak tab di Sublime Text. Untuk berpindah dari satu tab ke tab lainnya, Anda dapat menggunakan pintasan yang disebutkan di atas, dan gunakan Cmd ⌘ + T (Mac) atau Ctrl ⌃ + N (Windows dan Linux) untuk membuat tab baru.

Palet Perintah

• Cmd ⌘ + Shift ⇧ + P (Mac)
• Ctrl ⌃ + Shift ⇧ + P (Windows dan Linux)

Saat Anda menjadi mahir dengan Sublime Text, Anda akan ingin mengakses menu semakin sedikit dan sebaliknya dapat melakukan semuanya dengan beberapa ketukan keyboard. Dengan palet perintah, Anda dapat mengetik perintah dengan cepat, dan Sublime Text akan melakukan pencocokan fuzzy dengan serangkaian perintah yang ada, memungkinkan Anda mengakses perintah dari tempat yang nyaman.

Berikut adalah beberapa hal yang dapat Anda coba di palet perintah — mengatur sintaks file yang baru dibuat, mengurutkan baris dalam dokumen saat ini, dan menginstal plugin menggunakan Kontrol Paket.

Tampilkan Konsol

• Ctrl ⌃ + `

Sublime Text hadir dengan interpreter Python yang disematkan. Ini adalah alat yang berguna untuk menjalankan perintah Python atau untuk menguji API Sublime Text dengan cepat saat Anda mengembangkan plugin untuk editor.

Menyortir

• F5 (Mac)
• F9 (Windows dan Linux)

Saya suka menjaga properti CSS saya diurutkan berdasarkan abjad. Perintah ini sangat berguna untuk itu. Pilih blok yang perlu Anda urutkan (tip pro: gunakan Ctrl ⌃ + Shift ⇧ + J untuk memilih level indentasi), lalu tekan kode pendek keyboard.

Aktifkan Periksa Ejaan

• F6

Tidak perlu lagi kecewa dengan kesalahan ketik setelah kode berhasil mencapai tahap peninjauan. Gunakan kunci ini untuk mengaktifkan pemeriksa ejaan dengan cepat.

Komentar

• Cmd ⌘ + / (Mac)
• Ctrl ⌃ + / (Windows dan Linux)

Ini adalah salah satu cara pintas yang paling sering saya gunakan. Menandai komentar dalam bahasa pemrograman apa pun dibuat sederhana dengan pintasan ini. Dalam file HTML, ia menempatkan sepasang <!-- --> , sedangkan dalam JavaScript ia menempatkan // di awal baris.

Gelembung Garis Atas atau Bawah

• Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
• Shift ⇧ + Ctrl ⌃ Up ↑ / Down ↓ (Windows dan Linux)

Ingin memindahkan potongan kode lima baris ke atas? Memotong dan menempel benar-benar kuno. Gunakan pengikatan kunci ini untuk membawa cuplikan ke mana pun Anda mau. Tekan pintasan lagi untuk terus memindahkannya lebih jauh ke atas atau ke bawah.

Seleksi Duplikat

• Cmd ⌘ + Shift ⇧ + D (Mac)
• Ctrl ⌃ + Shift ⇧ + D (Windows dan Linux)

Secara default, pintasan ini menduplikasi baris saat ini dan meletakkannya di baris berikutnya. Jika Anda memilih wilayah dan menekan pintasan ini, itu akan menduplikasi seluruh wilayah.

Gabung Dua Baris

• Cmd ⌘ + J (Mac)
• Ctrl ⌃ + J (Windows dan Linux)

Ini menggabungkan baris berikut ke baris saat ini, menggantikan semua spasi putih di antaranya dengan satu spasi. Dilakukan pada blok garis, ini menggabungkan semua garis bersama-sama.

Pergi ke Pencocokan Bracket

• Ctrl ⌃ + M

Gunakan perintah ini untuk memindahkan kursor Anda dari satu posisi braket ke posisi braket lainnya. Ini sangat berguna ketika Anda tersesat dalam metode yang panjang dan ingin mencapai posisi awal (atau sebaliknya).

Tutup Tag HTML

• Cmd ⌘ + Opt ⌥ + . (Mac)
• Alt + . (Windows dan Linux)

Gunakan pintasan ini untuk menutup tag HTML yang sedang dibuka. Ini menyisipkan tag penutup yang cocok di lokasi kursor saat ini.

Temukan di Proyek

• Cmd ⌘ + Shift ⇧ + F (Mac)
• Ctrl ⌃ + Shift ⇧ + F (Windows dan Linux)

Ini adalah padanan grep dari Sublime Text. Ia menemukan istilah dalam keseluruhan proyek. Hal khusus tentang perintah ini adalah sangat cepat. Ada opsi untuk membuatnya peka huruf besar-kecil dan untuk melakukan pencocokan ekspresi reguler juga.

Untuk mencari istilah tertentu dalam dokumen saat ini, di seluruh proyek, letakkan kursor pada istilah itu dan kemudian tekan Ctrl ⌃ + E , yang akan menempatkan istilah itu di kotak pencarian. Menekan kode pendek di atas akan mengisi kotak pencarian di seluruh proyek dengan istilah ini.

Beralih Antar Tab

• Cmd ⌘ + Shift ⇧ + [ atau ] (Mac)
• Ctrl ⌃ + Page Up ⇞ atau Page Down ⇟ (Windows dan Linux)

Sama seperti di browser web, Anda dapat membuka banyak tab di Sublime Text. Untuk berpindah dari satu tab ke tab lainnya, Anda dapat menggunakan pintasan yang disebutkan di atas, dan gunakan Cmd ⌘ + T (Mac) atau Ctrl ⌃ + N (Windows dan Linux) untuk membuat tab baru.

Palet Perintah

• Cmd ⌘ + Shift ⇧ + P (Mac)
• Ctrl ⌃ + Shift ⇧ + P (Windows dan Linux)

Saat Anda menjadi mahir dengan Sublime Text, Anda akan ingin mengakses menu semakin sedikit dan sebaliknya dapat melakukan semuanya dengan beberapa ketukan keyboard. Dengan palet perintah, Anda dapat mengetik perintah dengan cepat, dan Sublime Text akan melakukan pencocokan fuzzy dengan serangkaian perintah yang ada, memungkinkan Anda mengakses perintah dari tempat yang nyaman.

Berikut adalah beberapa hal yang dapat Anda coba di palet perintah — mengatur sintaks file yang baru dibuat, mengurutkan baris dalam dokumen saat ini, dan menginstal plugin menggunakan Kontrol Paket.

Tampilkan Konsol

• Ctrl ⌃ + `

Sublime Text hadir dengan interpreter Python yang disematkan. Ini adalah alat yang berguna untuk menjalankan perintah Python atau untuk menguji API Sublime Text dengan cepat saat Anda mengembangkan plugin untuk editor.

Ingatlah bahwa penerjemah ini dibundel dengan Sublime Text, dan ini berbeda dari Python yang diinstal sistem Anda. Tujuan dari konsol ini adalah untuk berinteraksi dengan API Sublime Text untuk plugin. Anda mungkin menggunakan konsol ini saat menginstal Kontrol Paket.

Untuk mempelajari apa yang dapat dilakukan menggunakan API plugin Sublime Text, lihat dokumentasi.

Mode Bebas Gangguan

• Cmd ⌘ + Ctrl ⌃ + Shift ⇧ + F (Mac)
• Shift ⇧ + F11 (Windows dan Linux)

Untuk penulis dan orang lain yang perlu berkonsentrasi penuh, Sublime Text memiliki antarmuka yang lebih minimalis. Gunakan pintasan untuk mengaktifkan dan menonaktifkan mode bebas gangguan.

Pembantu Baris Perintah Teks

Sublime Text menyertakan alat baris perintah yang membuatnya sangat mudah untuk bekerja dengan file di baris perintah. Untuk membuatnya berfungsi di Mac, Anda harus membuatnya tersedia di shell Anda.

Dengan asumsi Anda telah menempatkan Sublime Text di folder "Applications" dan Anda memiliki direktori ~/bin di jalur Anda, Anda dapat menjalankan yang berikut:

 ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" ~/bin/sublime 

Untuk menggunakannya sebagai editor default untuk perintah yang meminta input (seperti git commit ), setel variabel lingkungan editor .

 export EDITOR='sublime -w'

Di Windows, Anda dapat menggunakan subl.exe dengan cara yang serupa.

Kesimpulan

Sublime Text penuh dengan pintasan dan perintah yang begitu kuat. Anda mungkin tidak akan dapat mengingatnya hanya dengan membaca sekilas artikel ini; alih-alih, Anda harus berlatih saat menjalaninya. Buat daftar pintasan yang paling berguna untuk Anda sendiri, dan rujuk secara teratur saat Anda bekerja dengan Sublime Text. Latihan adalah kuncinya. Anda sedang dalam perjalanan untuk menjadi ninja Sublime Text.