Kumpulan Tips Dan Trik Mengedit Teks

Kami meminta Komunitas Smashing untuk trik, pintasan, dan fitur pengeditan teks favorit mereka yang menghemat waktu mereka. Berikut adalah ringkasan dari apa yang kami anggap cukup berguna bersama dengan beberapa saran lain yang mungkin berguna bagi Anda.

Pintasan Keyboard Favorit

Banyak dari Anda memiliki pintasan keyboard favorit. Beberapa di antaranya akan khusus untuk editor atau sistem operasi, meskipun dalam banyak kasus Anda akan dapat menemukan pintasan serupa dengan alat yang Anda gunakan. Saya telah mengumpulkan beberapa dari komunitas di bawah ini.

Ste Grainer membagikan tip tentang pintasan gerakan dan pemilihan:

Pintasan gerakan/seleksi dasar yang banyak orang tidak ketahui:

Tahan Cmd + Tombol Panah untuk berpindah ke awal/akhir baris atau atas/bawah dokumen.

Tahan Opt + Arrow Key untuk memindahkan kata ke kata secara horizontal dan blok untuk memblokir secara vertikal.

Shift untuk memilih saat melakukan itu.

Dari Jo Frank:

Pilih semua kemunculan pilihan saat ini ( Ctrl + SHIFT + L di VSCode) dan duplikat baris/pilihan yang saya atur sebagai Ctrl + D .

Loris Gillet membagikan beberapa pintasan favorit untuk berpindah-pindah atau menghapus teks:

+ panah maju / mundur memungkinkan untuk melompat ke kata berikutnya alih-alih huruf berikutnya
+ panah atas/bawah memungkinkan untuk melompat ke awal/akhir paragraf
+ Backspace menghapus seluruh kata, bukan huruf demi huruf.

Banyak tip yang disarankan berasal dari pengembang web — tip untuk editor yang paling sering mereka gunakan. Kami juga menerima saran untuk Android Studio dari Maher Nabeel:

Di Android Studio:

• Ctrl + D — Baris duplikat
• Ctrl + Y — Hapus baris
• Ctrl + W — Pilih blok
• Ctrl + O — Ganti metode
• Ctrl + ALT + L — Memformat ulang kode

Cheatsheet Pintasan Editor

Seperti yang dapat kita lihat dari tip yang sudah diposting, mempelajari pintasan keyboard untuk editor Anda menghemat banyak waktu. Selalu ada baiknya melihat apa yang tersedia untuk editor Anda, karena mempelajari beberapa pintasan ini dapat menghemat banyak pengetikan selama satu hari menulis kode.

Di Twitter, Tobin Saunders merekomendasikan Atom Editor Cheat Sheet yang merupakan daftar rinci pintasan untuk Atom. Saya juga melihat apa yang tersedia untuk editor lain yang sering digunakan.

Kode Visual Studio

Situs web VS Code memiliki sejumlah lembar contekan yang dapat diunduh dalam format PDF, jika Anda merasa berguna untuk menyimpan lembar contekan yang dicetak di meja Anda.

• jendela
• Mac
• Linux

Joel Reis mencatat bahwa jika Anda beralih ke VS Code dari Sublime Text, Atom, Vim atau Visual Studio, maka Anda dapat mengunduh ekstensi keymap. Ini berarti Anda dapat mempertahankan pintasan keyboard dari editor sebelumnya. Tip ini juga dicatat di Smashing Magazine awal tahun ini ketika Burke Holland membagikan kepada kami beberapa hal yang mungkin membuat Anda terkejut saat mengetahui bahwa VS Code dapat melakukannya, dalam artikelnya “Visual Studio Code Can Do That?”

Teks Sublim

Pilihan pintasan Sublime Text 3 yang bagus untuk Windows, Mac, dan Linux dapat ditemukan di sini.

Kami juga memiliki artikel di Smashing Magazine di mana Jai ​​Panda membagikan beberapa Tip dan Trik Teks Sublim favoritnya.

Menyesuaikan Lingkungan Anda

Keyboard dan pengaturan komputer default kami dirancang lebih untuk mengetik teks daripada mengetik kode. Beberapa komentator telah membuat perubahan pada default mereka untuk membuatnya lebih cepat untuk mengetik hal-hal yang paling sering mereka butuhkan untuk mengetik.

Alex Semenikhine membuat saran ini:

Saya meminimalkan berapa kali saya harus menahan Shift dan menekan tombol. Jika saya membuat tanda kurung ( ( ) ) jauh lebih sering daripada saya menggunakan 9 dan 0 , saya menyesuaikan keyboard untuk mencerminkan itu, 9 saya adalah ( dan Shift + 9 adalah 9 , dll.

Paul van den Tool menyetel 'Pengulangan Kunci' dan 'Tunda Hingga Pengulangan' ke setelan tertinggi agar kursornya "terbang melintasi layar saat menggunakan panah".

Jaron Barends memberi tahu kami bagaimana dia, “menciptakan Alt + ; sebagai jalan pintas untuk menyisipkan titik koma di akhir baris saat ini.”

Menggunakan Emmet

Sejumlah orang menyebut sistem ekspansi teks Emmet. Jika Anda membuat banyak kode HTML dan CSS, Emmet dapat menghemat banyak waktu mengetik. Saat menulis HTML, singkatan Emmet akan familiar bagi siapa saja yang mengerti CSS. Misalnya, jika Anda ingin membuat daftar tidak berurutan di dalam elemen div , Anda dapat menggunakan yang berikut ini:

 div>ul>li

Yang kemudian akan berubah menjadi:

 <div> <ul> <li></li> </ul> </div>

Singkatan persis pemilih yang akan memilih li di CSS. Sebuah div dengan ul sebagai anak langsung, dan li sebagai anak langsung dari ul . Lihatlah Lembar Cheat Emmet untuk lebih banyak contoh.

Emmet dibangun ke dalam Kode VS dan tersedia sebagai plugin untuk banyak editor lainnya.

Gunakan Manajer Papan Klip

Erik Verbeek menyarankan menggunakan clipboard manager sehingga Anda dapat mengambil kode yang disalin dari riwayat. Dia menyarankan menggunakan ClipMenu untuk OS X, yang sayangnya tampaknya dihentikan.

Alat serupa meliputi:

• CopyClip untuk MacOS
• PasteBot untuk MacOS
• Sama untuk Windows
• 1Clipboard Windows dan MacOS (saat ini dalam versi Beta)

Banyak editor juga menyertakan riwayat clipboard untuk tindakan salin dan tempel di dalam editor. Di Twitter, @codevoodoo mencatat bahwa Webstorm memiliki fitur seperti itu. Ada ekstensi Clipboard History untuk VS Code dan paket untuk Atom; Sublime Text memiliki ini, seperti yang dijelaskan oleh tutorial tentang Sublime Text Clipboard History ini.

Kumpulan Alat yang Direkomendasikan

Ada beberapa alat khusus yang direkomendasikan dalam komentar, jadi berikut adalah kumpulan alat berguna yang mungkin belum pernah Anda dengar.

Vim

Orang yang menyukai Vim, sangat menyukai Vim. Ini tentu saja datang dengan kurva belajar, namun, jika Anda sangat tertarik untuk mengoptimalkan pengeditan keyboard Anda, maka waktu yang diinvestasikan kemungkinan akan sia-sia. Seperti yang ditunjukkan Jess Telford, Anda dapat melakukan hal-hal seperti mengetik 13k untuk memindahkan kursor 13 baris ke atas.

Lihatlah Lembar Cheat Vim untuk daftar perintah. Anda dapat menggunakan emulasi Vim di banyak editor lain. Pemetaan kunci yang disebutkan sebelumnya untuk VS Code mencakup pemetaan untuk Vim, dan ada juga plugin yang tersedia untuk Atom.

lebih cantik

Prettier adalah alat pemformatan kode berpendirian sumber terbuka. Menggunakan Prettier memastikan bahwa semua kode diformat dengan gaya yang konsisten. Ini sangat membantu ketika bekerja dalam tim karena ini berarti gaya yang konsisten diterapkan, tanpa ada yang benar-benar perlu memikirkannya.

Ada unduhan yang tersedia untuk beberapa editor, agar Anda dapat menggunakan Prettier dalam lingkungan mana pun yang Anda pilih.

Tombol pintas otomatis

Saya belum pernah mendengar tentang alat AutoHotkey sampai saran ini dari @Hobbesenero. AutoHotkey adalah bahasa skrip otomatisasi untuk Windows. Dengan menggunakan bahasa skrip, Anda dapat membuat pintasan untuk tugas umum, misalnya, untuk menyisipkan template.

Mengonversi Format Teks Dengan Pandoc

Salah satu alat favorit saya adalah Pandoc. Saya menggunakan Pandoc ketika saya perlu mengonversi satu format teks ke format teks lainnya. Salah satu hal yang sangat berguna yang dapat dilakukan Pandoc adalah mengubah HTML atau Markdown menjadi format EPUB. Saya sering melakukan ini untuk mengubah satu set catatan menjadi file yang dapat saya baca menggunakan iBooks di iPad saya. Saya melakukan ini untuk memiliki kumpulan catatan yang mudah diakses untuk lokakarya saya atau untuk mengubah dokumentasi yang panjang menjadi format offline yang mudah dibaca untuk dibaca di pesawat.

Pandoc dapat mengkonversi dari dan ke banyak format file yang berbeda. Selain membuat file EPUB cepat, saya juga menggunakannya untuk mengonversi salinan dari dokumen Word ke penurunan harga atau format berguna lainnya. Ini bisa sangat berguna jika Anda mendapatkan salinan berantakan dari klien yang perlu diubah untuk masuk ke CMS.

TextExpander Dan Pengetik

TextExpander tersedia untuk MacOS dan Windows dan merupakan alat yang membantu Anda membuat cuplikan yang dapat disisipkan menggunakan pintasan keyboard atau singkatan umum. TextExpander direkomendasikan oleh Anders Noren. Jika Anda lebih suka solusi yang bukan layanan berlangganan, maka Anda mungkin ingin mencoba Typinator.

Alat perluasan teks ini dapat berguna di luar penulisan kode. Jika Anda sering mendapati diri Anda mengetik informasi yang sama untuk menjawab email atau permintaan dukungan, membuat pintasan untuk menyisipkan teks tersebut dapat dengan cepat membayar dividen dalam hal waktu yang dihemat.

Pencuci teks

Direkomendasikan di Facebook oleh Dennis Germundal, Textwasher adalah alat yang sangat sederhana untuk membersihkan pemformatan apa pun dari teks.

Tambahkan Saran Anda Di Komentar

Ada banyak cara untuk meningkatkan produktivitas dalam alat yang kita gunakan setiap hari, dan juga sangat mudah untuk mengabaikannya. Saya harap di antara saran-saran ini akan ada sesuatu untuk Anda coba. Atau mungkin ini akan menjadi petunjuk bagi Anda untuk menggali lebih dalam dokumentasi untuk editor dan alat lainnya. Saya tentu saja terinspirasi untuk melakukannya.

Jika Anda melewatkan tweet dan memiliki beberapa tip bagus untuk dibagikan, tambahkan ke komentar. Kami akan senang mendengar mereka!