Pengembara Kode - pemrogramanMengembara di OpenBSD, privasi, keamanan, pemrograman, dan sains data. Dengan sumber terbuka.Zola2026-06-09T00:00:00+00:00https://hervyqa.srht.site/id/categories/pemrograman/atom.xmlMemulai dengan Helix: Editor Terminal yang Menyaingi Neovim2023-02-07T00:00:00+00:002026-04-07T00:00:00+00:00
Hervy Qurrotul
https://hervyqa.srht.site/id/blog/memulai-dengan-helix/<p>
<a href="https://helix-editor.com">Helix</a> merupakan teks editor CLI dengan dukungan modal
alternatif Neovim dan VIM. Editor ini dibuat menggunakan bahasa
pemrograman rust sehingga lebih cepat performanya dengan <em>single
binary</em>.</p>
<h2 id="fitur-unggulan">Fitur unggulan<a class="post-anchor" href="#fitur-unggulan" aria-label="Anchor link for: fitur-unggulan"><span aria-hidden="true">#</span></a>
</h2>
<p>Helix memiliki konfigurasi minimalis. Tidak seperti Neovim dan VIM yang
diharuskan memanajemen konfigurasinya dengan memasang plugin-plugin agar
sesuai workflow yang diharapkan. Berikut daftar fitur yang dimiliki oleh
helix yang dikutip di halaman resminya:</p>
<ul>
<li><strong>Seleksi banyak plihan secara bersama.</strong> Pengeditan kode multi-kursor
secara bersamaan sudah built-in di helix.</li>
<li><strong>Integrasi dengan Tree-sitter.</strong> Mengaktifkan <em>syntax highlighting</em>,
kalkulasi indent dan navigasi kode.</li>
<li><strong>Manipulasi kode.</strong> Mudahnya navigasi dan penyeleksian
fungsi, kelas, komentar, dan sebagainya.</li>
<li><strong>Dukungan <em>Language server</em>.</strong> Dengan spesifik bahasa autokomplit,
menuju definisi, dokumentasi, diagnosa, dan fitur IDE tanpa
konfigurasi tambahan.</li>
<li><strong>Dibangun dengan bahasa pemrograman rust.</strong> Performa yang tinggi
dan lebih hemat daya baterai.</li>
<li><strong>Builtin fitur.</strong> Fitur pencarian <em>fuzzy</em> untuk perncarian berkas,
simbol, projek, tema, <em>fugitive</em>, <em>surround</em> dan masih banyak lagi.</li>
</ul>
<figure id="fig-cms" class="ref-placeholder figure-center" data-ref="cms">
<img
src="https://hervyqa.srht.site/processed_images/matplotlib-sample.9f5bcbad9a7a8d83.jpg" alt="matplotlib-sample" width="1280" height="613" srcset="https://hervyqa.srht.site/processed_images/matplotlib-sample.ec12bdd4ba67c0e9.jpg 640w, https://hervyqa.srht.site/processed_images/matplotlib-sample.0b4624a5e3a5f018.jpg 784w, https://hervyqa.srht.site/processed_images/matplotlib-sample.09bf65d85075a494.jpg 1280w" sizes="(min-width: 920px) 784px, (min-width: 700px) calc(82vw + 46px), calc(100vw - 40px)" loading="lazy">
<figcaption class="center">Gambar: Pemrograman dengan Helix Editor</figcaption></figure>
<p>Helix sudah dilengkapi dengan berbagai fitur termasuk syntax highlight
yang memudahkan bagi <em>Platform Engineer</em> <span class="ref-placeholder" data-ref="wyssmann22">(<a href="#ref-wyssmann22">Wyssmann, Adrian</a>)</span>.</p>
<h2 id="shock-therapy">Shock therapy<a class="post-anchor" href="#shock-therapy" aria-label="Anchor link for: shock-therapy"><span aria-hidden="true">#</span></a>
</h2>
<p>Ketika menggunakan helix mau tidak mau harus belajar lagi. Meskipun
menggunakan konfigurasi yang minimalis, helix memiliki keymap yang 30%
berbeda dengan neovim/vim dan harus dihafal agar terbiasa. Selebihnya
keymap lain hampir sama. Beruntungnya developer helix sudah memberikan
tutorial yang sudah built-in seperti <code>vimtutor</code> di vim.</p>
<pre class="giallo z-code"><code data-lang="shellscript"><span class="giallo-l"><span class="z-entity z-name z-function">hx</span><span class="z-constant z-other z-option"> -</span><span class="z-constant z-other z-option">-tutor</span></span></code></pre>
<p>Terlebih lagi tidak perlu memikirkan bagaimana konfigurasi LSP di Helix,
karena sudah terkonfigurasi dengan baik. Jika menggunakan vim/neovim,
terlalu banyak vimscript yang perlu diurus semuanya. Sedangkan di Helix
pengecekan dapat dilakukan dengan <code>hx --health markdown</code> dan lihat
LSP apa saja yang perlu dipasang <span class="ref-placeholder" data-ref="timh23">(<a href="#ref-timh23">Hårek, Tim</a>)</span>.</p>
<h2 id="pemasangan">Pemasangan<a class="post-anchor" href="#pemasangan" aria-label="Anchor link for: pemasangan"><span aria-hidden="true">#</span></a>
</h2>
<h3 id="openbsd">OpenBSD<a class="post-anchor" href="#openbsd" aria-label="Anchor link for: openbsd"><span aria-hidden="true">#</span></a>
</h3>
<pre class="giallo z-code"><code data-lang="shellscript"><span class="giallo-l"><span class="z-entity z-name z-function">doas</span><span class="z-string"> pkg_add</span><span class="z-string"> install</span><span class="z-string"> helix</span></span></code></pre><h3 id="freebsd">FreeBSD<a class="post-anchor" href="#freebsd" aria-label="Anchor link for: freebsd"><span aria-hidden="true">#</span></a>
</h3>
<pre class="giallo z-code"><code data-lang="shellscript"><span class="giallo-l"><span class="z-entity z-name z-function">doas</span><span class="z-string"> pkg</span><span class="z-string"> install</span><span class="z-string"> helix</span></span></code></pre>
<p>Panduan pemasangan selengkapnya bisa merujuk ke halaman
<a href="https://docs.helix-editor.com">Dokumentasi</a>.</p>
<h2 id="penggunaan-dasar">Penggunaan dasar<a class="post-anchor" href="#penggunaan-dasar" aria-label="Anchor link for: penggunaan-dasar"><span aria-hidden="true">#</span></a>
</h2>
<h3 id="arah-navigasi-kursor">Arah navigasi kursor<a class="post-anchor" href="#arah-navigasi-kursor" aria-label="Anchor link for: arah-navigasi-kursor"><span aria-hidden="true">#</span></a>
</h3>
<p>Seperti navigasi di vim, <code>helix</code> menggunakan <kbd>h</kbd>, <kbd>j</kbd>, <kbd>k</kbd>, dan <kbd>l</kbd> untuk
memindahkan kursor. Menggunakan keymap arah panah juga bisa, tetapi
menggunakan hjkl lebih cepat.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>h</kbd></td><td style="text-align: left">Kiri</td></tr>
<tr><td style="text-align: left"><kbd>j</kbd></td><td style="text-align: left">Bawah</td></tr>
<tr><td style="text-align: left"><kbd>k</kbd></td><td style="text-align: left">Atas</td></tr>
<tr><td style="text-align: left"><kbd>l</kbd></td><td style="text-align: left">Kanan</td></tr>
</tbody></table>
<h3 id="membuka-berkas">Membuka berkas<a class="post-anchor" href="#membuka-berkas" aria-label="Anchor link for: membuka-berkas"><span aria-hidden="true">#</span></a>
</h3>
<p>Membuka helix dengan menjalankan <code>hx</code>.</p>
<pre class="giallo z-code"><code data-lang="shellscript"><span class="giallo-l"><span class="z-entity z-name z-function">hx</span></span></code></pre>
<p>Membuka dengan berkas tertentu.</p>
<pre class="giallo z-code"><code data-lang="shellscript"><span class="giallo-l"><span class="z-entity z-name z-function">hx</span><span class="z-string"> filename.xyz</span></span></code></pre><h3 id="menutup-helix">Menutup helix<a class="post-anchor" href="#menutup-helix" aria-label="Anchor link for: menutup-helix"><span aria-hidden="true">#</span></a>
</h3>
<p>Helix juga memiliki mode <code>normal</code>, <code>insert</code>, dan <code>visual</code> seperti vim.
Beberapa pintasan mode <code>normal</code> berikut masih umum dan kompatibel dengan
helix.</p>
<table><thead><tr><th style="text-align: left">Command</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><code>:q</code></td><td style="text-align: left">Menutup berkas dan aplikasi.</td></tr>
<tr><td style="text-align: left"><code>:q!</code></td><td style="text-align: left">Menutup aplikasi secara paksa.</td></tr>
<tr><td style="text-align: left"><code>:qa!</code></td><td style="text-align: left">Menutup semua buffer yang terbuka dan aplikasi secara paksa.</td></tr>
</tbody></table>
<blockquote class="markdown-alert-note">
<p>Buffer Merupakan berkas atau direktori yang telah terbuka.</p>
</blockquote>
<h2 id="konfigurasi">Konfigurasi<a class="post-anchor" href="#konfigurasi" aria-label="Anchor link for: konfigurasi"><span aria-hidden="true">#</span></a>
</h2>
<p>Beberapa konfigurasi dasar yang mungkin perlu ditambahkan. Misalnya
jenis tema dan nomer baris.</p>
<table><thead><tr><th style="text-align: left">Command</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><code>:theme tokyonight</code></td><td style="text-align: left">Mengganti tema.</td></tr>
</tbody></table>
<p>Konfigurasi permanen bisa membuka <code>config.toml</code>.</p>
<table><thead><tr><th style="text-align: left">Command</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><code>:config-open</code></td><td style="text-align: left">Membuka konfigurasi helix.</td></tr>
<tr><td style="text-align: left"><code>:config-reload</code></td><td style="text-align: left">Memuat ulang konfigurasi helix.</td></tr>
</tbody></table>
<pre class="giallo z-code"><code data-lang="toml" data-name=""~/.config/helix/config.toml""><span class="giallo-l"><span aria-hidden="true" class="giallo-ln"> 1</span><span class="z-variable">theme</span><span> =</span><span class="z-string"> "</span><span class="z-string">tokyonight</span><span class="z-string">"</span></span>
<span class="giallo-l"><span aria-hidden="true" class="giallo-ln"> 2</span></span>
<span class="giallo-l"><span aria-hidden="true" class="giallo-ln"> 3</span><span>[</span><span>editor</span><span>]</span></span>
<span class="giallo-l"><span aria-hidden="true" class="giallo-ln"> 4</span><span class="z-variable">line-number</span><span> =</span><span class="z-string"> "</span><span class="z-string">relative</span><span class="z-string">"</span></span>
<span class="giallo-l"><span aria-hidden="true" class="giallo-ln"> 5</span><span class="z-variable">cursorline</span><span> =</span><span class="z-constant z-language"> true</span></span>
<span class="giallo-l"><span aria-hidden="true" class="giallo-ln"> 6</span></span>
<span class="giallo-l"><span aria-hidden="true" class="giallo-ln"> 7</span><span>[</span><span>editor</span><span>.</span><span>lsp</span><span>]</span></span>
<span class="giallo-l"><span aria-hidden="true" class="giallo-ln"> 8</span><span class="z-variable">display-messages</span><span> =</span><span class="z-constant z-language"> true</span></span></code></pre>
<p>Yap, benar. Konfigurasi tambahan hanya beberapa baris
diatas. Selengkapnya dapat merujuk ke halaman
<a href="https://docs.helix-editor.com">konfigurasi</a>.</p>
<p>Jika anda bekerja dengan proyek yang cukup besar. Disarankan
mengaktifkan multiple agar helix menampilkan tab secara bawaan meskipun
bukan single file <span class="ref-placeholder" data-ref="jonathanf24">(<a href="#ref-jonathanf24">Frere, Jonathan</a>)</span>.</p>
<pre class="giallo z-code"><code data-lang="toml" data-name=""~/.config/helix/config.toml""><span class="giallo-l"><span aria-hidden="true" class="giallo-ln">1</span><span>[</span><span>editor</span><span>]</span></span>
<span class="giallo-l"><span aria-hidden="true" class="giallo-ln">2</span><span class="z-variable">bufferline</span><span> =</span><span class="z-string"> "</span><span class="z-string">multiline</span><span class="z-string">"</span></span></code></pre><h2 id="penggunaan-lanjutan">Penggunaan lanjutan<a class="post-anchor" href="#penggunaan-lanjutan" aria-label="Anchor link for: penggunaan-lanjutan"><span aria-hidden="true">#</span></a>
</h2>
<h3 id="menghapus-karakter">Menghapus karakter<a class="post-anchor" href="#menghapus-karakter" aria-label="Anchor link for: menghapus-karakter"><span aria-hidden="true">#</span></a>
</h3>
<p>Berbeda dengan vim, menghapus karakter di helix menggunakan keymap <kbd>d</kbd>.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>d</kbd></td><td style="text-align: left">Menghapus 1 karakter.</td></tr>
</tbody></table>
<h3 id="memasukkan-karakter">Memasukkan karakter<a class="post-anchor" href="#memasukkan-karakter" aria-label="Anchor link for: memasukkan-karakter"><span aria-hidden="true">#</span></a>
</h3>
<p>Sama halnya dengan vim, mode <code>insert</code> tetap menggunakan <kbd>i</kbd>.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>i</kbd></td><td style="text-align: left">Mode <code>insert</code>.</td></tr>
<tr><td style="text-align: left"><kbd>esc</kbd></td><td style="text-align: left">Mode <code>normal</code> (keluar dari mode insert).</td></tr>
</tbody></table>
<h3 id="menyimpan-berkas">Menyimpan berkas<a class="post-anchor" href="#menyimpan-berkas" aria-label="Anchor link for: menyimpan-berkas"><span aria-hidden="true">#</span></a>
</h3>
<table><thead><tr><th style="text-align: left">Command</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><code>:w</code></td><td style="text-align: left">Menyimpan berkas di buffer saat ini.</td></tr>
<tr><td style="text-align: left"><code>:w filename.xyz</code></td><td style="text-align: left">Menyimpan berkas di buffer dengan nama tertentu.</td></tr>
</tbody></table>
<p>Bisa dikombinasikan dengan <code>q</code> untuk keluar dari helix.</p>
<table><thead><tr><th style="text-align: left">Command</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><code>:wq</code></td><td style="text-align: left">Menyimpan dan menutup aplikasi.</td></tr>
<tr><td style="text-align: left"><code>:wqa</code></td><td style="text-align: left">Menyimpan dan menutup semua buffer.</td></tr>
</tbody></table>
<h3 id="mode-insert">Mode insert<a class="post-anchor" href="#mode-insert" aria-label="Anchor link for: mode-insert"><span aria-hidden="true">#</span></a>
</h3>
<p>Seperti yang telah diketahui sebelumnya, keymap <kbd>i</kbd>
untuk mode insert tepat sebelum kursor. Sedangkan ada beberapa keymap
lainnya seperti:</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>i</kbd></td><td style="text-align: left">Mode <code>insert</code> sebelum kursor.</td></tr>
<tr><td style="text-align: left"><kbd>a</kbd></td><td style="text-align: left">Mode <code>insert</code> setelah kursor.</td></tr>
<tr><td style="text-align: left"><kbd>shift</kbd>+<kbd>i</kbd></td><td style="text-align: left">Mode <code>insert</code> di awal baris.</td></tr>
<tr><td style="text-align: left"><kbd>shift</kbd>+<kbd>a</kbd></td><td style="text-align: left">Mode <code>insert</code> di akhir baris.</td></tr>
</tbody></table>
<h3 id="membuka-baris-baru">Membuka baris baru<a class="post-anchor" href="#membuka-baris-baru" aria-label="Anchor link for: membuka-baris-baru"><span aria-hidden="true">#</span></a>
</h3>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>o</kbd></td><td style="text-align: left">Mode <code>insert</code> setelah baris saat ini.</td></tr>
<tr><td style="text-align: left"><kbd>shift</kbd>+<kbd>o</kbd></td><td style="text-align: left">Mode <code>insert</code> sebelum baris saat ini.</td></tr>
</tbody></table>
<p>Perintah diatas mirip di neovim atau vim.</p>
<h3 id="perpindahan-dan-seleksi">Perpindahan dan seleksi<a class="post-anchor" href="#perpindahan-dan-seleksi" aria-label="Anchor link for: perpindahan-dan-seleksi"><span aria-hidden="true">#</span></a>
</h3>
<p>Perpindahan dan penyeleksian di helix dilakukan secara otomatis
dan bersamaan. Sedikit berbeda dengan vim.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>w</kbd></td><td style="text-align: left">Pindah dan menyeleksi 1 kata, termasuk spasinya.</td></tr>
<tr><td style="text-align: left"><kbd>e</kbd></td><td style="text-align: left">Pindah dan menyeleksi 1 kata dari kursor sampai di akhir karakter kata.</td></tr>
<tr><td style="text-align: left"><kbd>b</kbd></td><td style="text-align: left">Pindah dan menyeleksi 1 kata dari kursor sampai di awal karakter kata.</td></tr>
</tbody></table>
<p>keymap <kbd>shift</kbd>+<kbd>w</kbd>, <kbd>shift</kbd>+<kbd>e</kbd>, dan <kbd>shift</kbd>+<kbd>b</kbd> juga memiliki fungsi yang serupa, hanya saja
perpindahannya tergantung dari whitespace seperti spasi dan tab.</p>
<h3 id="perpindahan-dengan-hitungan">Perpindahan dengan hitungan<a class="post-anchor" href="#perpindahan-dengan-hitungan" aria-label="Anchor link for: perpindahan-dengan-hitungan"><span aria-hidden="true">#</span></a>
</h3>
<p>Pindah dengan hitungan juga dapat dilakukan, misalnya <kbd>2</kbd><kbd>w</kbd>, <kbd>4</kbd><kbd>e</kbd>, <kbd>5</kbd><kbd>b</kbd>. Penjelasannya seperti ini:</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>2</kbd><kbd>w</kbd></td><td style="text-align: left">Pindah 2 kata ke depan.</td></tr>
<tr><td style="text-align: left"><kbd>4</kbd><kbd>e</kbd></td><td style="text-align: left">Pindah 4 kata ke depan yang diakhiri di akhir kata.</td></tr>
<tr><td style="text-align: left"><kbd>5</kbd><kbd>b</kbd></td><td style="text-align: left">Pindah 5 kata ke belakang.</td></tr>
</tbody></table>
<h3 id="mengubah-karakter">Mengubah karakter<a class="post-anchor" href="#mengubah-karakter" aria-label="Anchor link for: mengubah-karakter"><span aria-hidden="true">#</span></a>
</h3>
<p>Pintasan yang digunakan yaitu keymap <kbd>r</kbd>.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>c</kbd></td><td style="text-align: left">Mengubah karakter atau kata/kalimat yang terseleksi.</td></tr>
</tbody></table>
<p>Misalnya menyeleksi kata dengan <kbd>w</kbd>, lalu ganti dengan
keymap <kbd>c</kbd>, langsung masuk ke mode insert.</p>
<h3 id="mode-visual-seleksi">Mode visual/seleksi<a class="post-anchor" href="#mode-visual-seleksi" aria-label="Anchor link for: mode-visual-seleksi"><span aria-hidden="true">#</span></a>
</h3>
<p>Mode visual di helix hampir sama seperti di vim.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>v</kbd></td><td style="text-align: left">Mode <code>visual</code>.</td></tr>
<tr><td style="text-align: left"><kbd>v</kbd> again, or <kbd>esc</kbd></td><td style="text-align: left">Mode <code>normal</code> (keluar dari mode visual).</td></tr>
</tbody></table>
<h3 id="menyeleksi-baris">Menyeleksi baris<a class="post-anchor" href="#menyeleksi-baris" aria-label="Anchor link for: menyeleksi-baris"><span aria-hidden="true">#</span></a>
</h3>
<p>Menyeleksi baris menggunakan keymap <kbd>x</kbd>, jika ingin
menyeleksi baris selanjutnya tekan <kbd>x</kbd> lagi. Kadang
kala niatnya ingin menghapus suatu karakter, tetapi menjadi seleksi di
helix. (akibat alam bawah sadar terbiasa menggunakan <kbd>x</kbd> untuk menghapus karakter di vim.)</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>x</kbd></td><td style="text-align: left">Menyeleksi 1 baris.</td></tr>
<tr><td style="text-align: left"><kbd>5</kbd></td><td style="text-align: left">Menyeleksi 5 baris.</td></tr>
<tr><td style="text-align: left"><kbd>;</kbd></td><td style="text-align: left">Melepaskan seleksi baris.</td></tr>
<tr><td style="text-align: left"><kbd>alt</kbd>+<kbd>;</kbd></td><td style="text-align: left">Membalikkan/flip seleksi baris.</td></tr>
</tbody></table>
<h3 id="pembatalan-perubahan">Pembatalan perubahan<a class="post-anchor" href="#pembatalan-perubahan" aria-label="Anchor link for: pembatalan-perubahan"><span aria-hidden="true">#</span></a>
</h3>
<p>Perintah untuk membatalkan perubahan:</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>u</kbd></td><td style="text-align: left">Undo</td></tr>
<tr><td style="text-align: left"><kbd>shift</kbd>+<kbd>u</kbd></td><td style="text-align: left">Redo.</td></tr>
</tbody></table>
<p>Ulangi beberapa kali hingga perubahan sesuai dengan yang diharapkan.</p>
<h3 id="penyalinan-dan-penempelan">Penyalinan dan penempelan<a class="post-anchor" href="#penyalinan-dan-penempelan" aria-label="Anchor link for: penyalinan-dan-penempelan"><span aria-hidden="true">#</span></a>
</h3>
<p>Menyalin di helix dapat dilakukan di internal helix maupun di sistem
<em>clipboard</em>.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>y</kbd></td><td style="text-align: left">Yank/copy, menyalin karakter yang terseleksi.</td></tr>
<tr><td style="text-align: left"><kbd>p</kbd></td><td style="text-align: left">Paste, menempelkan hasil salinan.</td></tr>
<tr><td style="text-align: left"><kbd>shift</kbd>+<kbd>p</kbd></td><td style="text-align: left">Paste, menempelkan hasil salinan ke posisi sebelum kursor.</td></tr>
</tbody></table>
<p>Dapat dilakukan juga dengan perhitungan untuk menentukan jumlah
salinan/tempelan.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>2</kbd> <kbd>y</kbd></td><td style="text-align: left">2x Yank/copy, menyalin karakter yang terseleksi.</td></tr>
<tr><td style="text-align: left"><kbd>4</kbd> <kbd>p</kbd></td><td style="text-align: left">4x Paste, menempelkan hasil salinan.</td></tr>
<tr><td style="text-align: left"><kbd>10</kbd> <kbd>shift</kbd>+<kbd>p</kbd></td><td style="text-align: left">10x Paste, menempelkan hasil salinan ke posisi sebelum kursor.</td></tr>
</tbody></table>
<p>Pada dasarnya keymap <kbd>d</kbd> (menghapus karakter) dan <kbd>c</kbd> (mengubah karakter) juga dapat dikatakan mode yank,
yang mana hasil karakter yang dihapus/diubah disimpan di buffer
sehingga dapat dilakukan perintah tempel (<em>paste</em>) <kbd>p</kbd> atau <kbd>shift</kbd>+<kbd>p</kbd>.</p>
<p>Untuk menghindari penyimpanan di buffer, gunakan <kbd>alt</kbd>+<kbd>d</kbd>
atau <kbd>alt</kbd>+<kbd>c</kbd>. Sedangkan untuk menyalin atau menempelkan
dari sistem <em>clipboard</em>, gunakan keymap dibawah ini.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>space</kbd><kbd>y</kbd></td><td style="text-align: left">Copy/menyalin dari sistem.</td></tr>
<tr><td style="text-align: left"><kbd>space</kbd><kbd>p</kbd></td><td style="text-align: left">Paste/menempelkan dari sistem.</td></tr>
</tbody></table>
<h3 id="pencarian-karakter">Pencarian karakter<a class="post-anchor" href="#pencarian-karakter" aria-label="Anchor link for: pencarian-karakter"><span aria-hidden="true">#</span></a>
</h3>
<p>Mencari karakter seperti di vim atau neovim.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>/</kbd></td><td style="text-align: left">Mencari karakter/kata.</td></tr>
<tr><td style="text-align: left"><kbd>n</kbd></td><td style="text-align: left">Menuju hasil pencarian selanjutnya.</td></tr>
<tr><td style="text-align: left"><kbd>n</kbd></td><td style="text-align: left">Menuju hasil pencarian ke sebelumnya.</td></tr>
<tr><td style="text-align: left"><kbd>?</kbd></td><td style="text-align: left">Mencari karakter/kata secara mundur.</td></tr>
</tbody></table>
<p>Tidak seperti di vim, di helix jika melakukan pencarian dengan <kbd>shift</kbd>+<kbd>/</kbd> arah <kbd>n</kbd> tetap kedepan dan <kbd>shift</kbd>+<kbd>n</kbd> ke belakang/sebelumnya.</p>
<h3 id="kursor-ganda">Kursor ganda<a class="post-anchor" href="#kursor-ganda" aria-label="Anchor link for: kursor-ganda"><span aria-hidden="true">#</span></a>
</h3>
<p>Menambahkan kursor sangat berguna untuk mengubah karakter secara
bersamaan. Misalnya untuk menghapus, mengganti, dan fungsi regex.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>shift</kbd>+<kbd>c</kbd></td><td style="text-align: left">Mencari karakter/kata.</td></tr>
<tr><td style="text-align: left"><kbd>shift</kbd>+<kbd>alt</kbd>+<kbd>c</kbd></td><td style="text-align: left">Menuju hasil pencarian selanjutnya.</td></tr>
<tr><td style="text-align: left"><kbd>,</kbd></td><td style="text-align: left">Menuju hasil pencarian ke sebelumnya.</td></tr>
</tbody></table>
<h3 id="memilih-dari-hasil-seleksi">Memilih dari hasil seleksi<a class="post-anchor" href="#memilih-dari-hasil-seleksi" aria-label="Anchor link for: memilih-dari-hasil-seleksi"><span aria-hidden="true">#</span></a>
</h3>
<p>Hal ini bertujuan untuk mengganti suatu karakter atau teks yang
sudah diseleksi. Biasanya untuk menggantikan kata, semacam fungsi
sed regex di vim.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>s</kbd></td><td style="text-align: left">Memilih karakter yang cocok sesuai yang diseleksi.</td></tr>
</tbody></table>
<p>Misalnya pola kerjanya seperti ini, seleksi dengan <kbd>s</kbd> beberapa kali atau <kbd>%</kbd> untuk semua baris. tekan
<kbd>s</kbd> lalu masukkan karakter yang dituju, tekan
<kbd>enter</kbd>. Secara otomatis menjadi multi kursor.
Selanjutnya dapat diubah sesuai keinginan.</p>
<h3 id="seleksi-tambahan-dengan-regex">Seleksi tambahan dengan <em>regex</em><a class="post-anchor" href="#seleksi-tambahan-dengan-regex" aria-label="Anchor link for: seleksi-tambahan-dengan-regex"><span aria-hidden="true">#</span></a>
</h3>
<p>Penyeleksian ini dapat menggunakan tanda plus <code>+</code> saat menggunakan
keymap <kbd>s</kbd> di area seleksi. Misalnya: spasi dan plus
<code> +</code>.</p>
<h3 id="meluruskan-dari-seleksi">Meluruskan dari seleksi<a class="post-anchor" href="#meluruskan-dari-seleksi" aria-label="Anchor link for: meluruskan-dari-seleksi"><span aria-hidden="true">#</span></a>
</h3>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>&</kbd></td><td style="text-align: left">Meluruskan hasil seleksi.</td></tr>
</tbody></table>
<p>Misalnya ada baris seperti ini.</p>
<pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span> * 98) lorem</span></span>
<span class="giallo-l"><span> * 99) ipsum</span></span>
<span class="giallo-l"><span> * 100) dolor</span></span>
<span class="giallo-l"><span> * 101) sit</span></span>
<span class="giallo-l"><span> * 102) amet</span></span></code></pre>
<p>Menjadi:</p>
<pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span> * 97) lorem</span></span>
<span class="giallo-l"><span> * 99) ipsum</span></span>
<span class="giallo-l"><span> * 100) dolor</span></span>
<span class="giallo-l"><span> * 101) sit</span></span>
<span class="giallo-l"><span> * 102) amet</span></span></code></pre><h3 id="membagi-seleksi-ke-sebuah-baris">Membagi seleksi ke sebuah baris<a class="post-anchor" href="#membagi-seleksi-ke-sebuah-baris" aria-label="Anchor link for: membagi-seleksi-ke-sebuah-baris"><span aria-hidden="true">#</span></a>
</h3>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>alt</kbd>+<kbd>s</kbd></td><td style="text-align: left">Untuk membagi menjadi pilihan di setiap baris. Umumnya digunakan untuk meluruskan tabel.</td></tr>
</tbody></table>
<pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span> | FRUIT | AMOUNT |</span></span>
<span class="giallo-l"><span> |---------|--------|</span></span>
<span class="giallo-l"><span> | Apples | 8 |</span></span>
<span class="giallo-l"><span> | Bananas | 6 |</span></span>
<span class="giallo-l"><span> | Oranges | 3 |</span></span>
<span class="giallo-l"><span> | Donuts | 4 |</span></span></code></pre>
<p>Menjadi:</p>
<pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span> | FRUIT | AMOUNT |</span></span>
<span class="giallo-l"><span> |---------|--------|</span></span>
<span class="giallo-l"><span> | Apples | 8 |</span></span>
<span class="giallo-l"><span> | Bananas | 6 |</span></span>
<span class="giallo-l"><span> | Oranges | 3 |</span></span>
<span class="giallo-l"><span> | Donuts | 4 |</span></span></code></pre><h3 id="menyeleksi-sampai-ke-karakter-tertentu">Menyeleksi sampai ke karakter tertentu<a class="post-anchor" href="#menyeleksi-sampai-ke-karakter-tertentu" aria-label="Anchor link for: menyeleksi-sampai-ke-karakter-tertentu"><span aria-hidden="true">#</span></a>
</h3>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>f</kbd></td><td style="text-align: left">Menyeleksi baris hingga tepat sampai ke karakter yang dituju.</td></tr>
<tr><td style="text-align: left"><kbd>t</kbd></td><td style="text-align: left">Menyeleksi baris hingga sampai ke karakter yang dituju, kursor tidak sampai ke karakter.</td></tr>
</tbody></table>
<p><kbd>shift</kbd>+<kbd>f</kbd> dan <kbd>shift</kbd>+<kbd>t</kbd> juga memiliki
fungsi serupa, hanya saja melewatidi titik whitespace spasi atau tab.</p>
<h3 id="mengganti-karakter-atau-kata">Mengganti karakter atau kata<a class="post-anchor" href="#mengganti-karakter-atau-kata" aria-label="Anchor link for: mengganti-karakter-atau-kata"><span aria-hidden="true">#</span></a>
</h3>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>r</kbd></td><td style="text-align: left">Menempelkan dengan karakter khusus.</td></tr>
<tr><td style="text-align: left"><kbd>shift</kbd>+<kbd>r</kbd></td><td style="text-align: left">Menempelkan dengan hasil salinan dari buffer atau dari system <em>clipboard</em>.</td></tr>
</tbody></table>
<h3 id="pengulangan">Pengulangan<a class="post-anchor" href="#pengulangan" aria-label="Anchor link for: pengulangan"><span aria-hidden="true">#</span></a>
</h3>
<p>Pengulangan dapat dilakukan untuk mengulang perintah yang sama, atau
mengulang hasil pencarian <kbd>f</kbd> dan <kbd>t</kbd> sebelumnya.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>.</kbd></td><td style="text-align: left">Mengulangi hasil mode insert sebelumnya.</td></tr>
<tr><td style="text-align: left"><kbd>alt</kbd>+<kbd>.</kbd></td><td style="text-align: left">Mengulangi perintah dari hasil <kbd>f</kbd> atau <kbd>t</kbd> sebelumnya.</td></tr>
</tbody></table>
<h3 id="mengganti-teks-dari-salinan-yank-clipboard">Mengganti teks dari salinan <em>yank/clipboard</em><a class="post-anchor" href="#mengganti-teks-dari-salinan-yank-clipboard" aria-label="Anchor link for: mengganti-teks-dari-salinan-yank-clipboard"><span aria-hidden="true">#</span></a>
</h3>
<p>Setelah ada salinan teks baik berupa yank atau dari sistem clipboard,
dapat digunakan untuk mengganti teks lain jika sudah diseleksi.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>shift</kbd>+<kbd>r</kbd></td><td style="text-align: left">Mengganti teks yang terseleksi dengan hasil salinan yank/clipboard.</td></tr>
</tbody></table>
<h3 id="menggabungkan-baris">Menggabungkan baris<a class="post-anchor" href="#menggabungkan-baris" aria-label="Anchor link for: menggabungkan-baris"><span aria-hidden="true">#</span></a>
</h3>
<p>Beberapa baris perlu diseleksi dahulu dengan <kbd>x</kbd>,
kemudian tekan <kbd>shift</kbd>+<kbd>j</kbd>.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>shift</kbd>+<kbd>j</kbd></td><td style="text-align: left">Menggabungkan beberapa baris yang sudah diseleksi.</td></tr>
</tbody></table>
<h3 id="indentasi-baris">Indentasi baris<a class="post-anchor" href="#indentasi-baris" aria-label="Anchor link for: indentasi-baris"><span aria-hidden="true">#</span></a>
</h3>
<p>Indentasi pada baris saat ini atau baris yang diseleksi.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>></kbd></td><td style="text-align: left">Indentasi menjorok ke luar/kanan.</td></tr>
<tr><td style="text-align: left"><kbd><</kbd></td><td style="text-align: left">Indentasi menjorok ke dalam/kiri.</td></tr>
</tbody></table>
<h3 id="penambahan-dan-pengurangan">Penambahan dan pengurangan<a class="post-anchor" href="#penambahan-dan-pengurangan" aria-label="Anchor link for: penambahan-dan-pengurangan"><span aria-hidden="true">#</span></a>
</h3>
<p>Penambahan dan pengurangan nilai (incrementing & decrementing) dapat
dilakukan di helix. Biasanya dilakukan untuk mengubah nilai pada daftar.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>a</kbd></td><td style="text-align: left">Menambahkan nilai.</td></tr>
<tr><td style="text-align: left"><kbd>x</kbd></td><td style="text-align: left">Mengurangi nilai.</td></tr>
</tbody></table>
<p>Sebagai contoh:</p>
<pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span>1) list a</span></span>
<span class="giallo-l"><span>3) list b</span></span>
<span class="giallo-l"><span>4) list c</span></span>
<span class="giallo-l"><span>5) list d</span></span>
<span class="giallo-l"><span>6) list e</span></span></code></pre>
<p>Menjadi,</p>
<pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span>1) list a</span></span>
<span class="giallo-l"><span>2) list b</span></span>
<span class="giallo-l"><span>3) list c</span></span>
<span class="giallo-l"><span>4) list d</span></span>
<span class="giallo-l"><span>5) list e</span></span></code></pre><h3 id="fungsi-register">Fungsi <em>Register</em><a class="post-anchor" href="#fungsi-register" aria-label="Anchor link for: fungsi-register"><span aria-hidden="true">#</span></a>
</h3>
<p>Berfungsi untuk menyimpan hasil salinan yang berbeda-beda, tetapi dapat
dipanggil suatu saat. Berbeda dengan yank biasa yang hanya menyinpan
1 penyimpanan saja. Sedangkan dengan register mampu menyimpan hasil
salinan yang banyak dan berbeda.</p>
<p>Sebagai contoh register:</p>
<ul>
<li>kondisi a: menyalin <code>kalimat satu</code></li>
<li>kondisi b: menyalin <code>kalimat dua</code></li>
<li>kondisi c: menyalin <code>kalimat tiga</code></li>
</ul>
<p>Ada 3 kondisi yang terdiri dari <code>a</code>, <code>b</code>, dan <code>c</code>. Maka untuk menyimpan
register tersebut dengan perintah:</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>shift</kbd>+<kbd>'</kbd> <kbd>a</kbd> <kbd>y</kbd></td><td style="text-align: left">Menyimpan (yank) salinan ke register <code>a</code>.</td></tr>
<tr><td style="text-align: left"><kbd>shift</kbd>+<kbd>'</kbd> <kbd>b</kbd> <kbd>y</kbd></td><td style="text-align: left">Menyimpan (yank) salinan ke register <code>b</code>.</td></tr>
<tr><td style="text-align: left"><kbd>shift</kbd>+<kbd>'</kbd> <kbd>c</kbd> <kbd>y</kbd></td><td style="text-align: left">Menyimpan (yank) salinan ke register <code>c</code>.</td></tr>
</tbody></table>
<p>Setelah disimpan, selanjutnya menempelkan teks dari suatu register.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>shift</kbd>+<kbd>'</kbd> <kbd>a</kbd> <kbd>p</kbd></td><td style="text-align: left">Menempelkan (paste) teks dari register <code>a</code>.</td></tr>
<tr><td style="text-align: left"><kbd>shift</kbd>+<kbd>'</kbd> <kbd>b</kbd> <kbd>p</kbd></td><td style="text-align: left">Menempelkan (paste) teks dari register <code>b</code>.</td></tr>
<tr><td style="text-align: left"><kbd>shift</kbd>+<kbd>'</kbd> <kbd>c</kbd> <kbd>p</kbd></td><td style="text-align: left">Menempelkan (paste) teks dari register <code>c</code>.</td></tr>
</tbody></table>
<p>Hasil salinan tersebut juga dapat digunakan untuk mengganti teks yang
sudah diseleksi.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>shift</kbd>+<kbd>'</kbd> <kbd>a</kbd> <kbd>r</kbd></td><td style="text-align: left">Mengganti (replace) teks dari register <code>a</code>.</td></tr>
<tr><td style="text-align: left"><kbd>shift</kbd>+<kbd>'</kbd> <kbd>b</kbd> <kbd>r</kbd></td><td style="text-align: left">Mengganti (replace) teks dari register <code>b</code>.</td></tr>
<tr><td style="text-align: left"><kbd>shift</kbd>+<kbd>'</kbd> <kbd>c</kbd> <kbd>r</kbd></td><td style="text-align: left">Mengganti (replace) teks dari register <code>c</code>.</td></tr>
</tbody></table>
<h3 id="fungsi-macro">Fungsi <em>Macro</em><a class="post-anchor" href="#fungsi-macro" aria-label="Anchor link for: fungsi-macro"><span aria-hidden="true">#</span></a>
</h3>
<p>Berguna untuk menyimpan langkah-langkah perintah ke dalam suatu register
(default <kbd>@</kbd>).</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>shift</kbd>+<kbd>q</kbd> <kbd>r</kbd></td><td style="text-align: left">Memulai perekaman macro.</td></tr>
<tr><td style="text-align: left"><kbd>shift</kbd>+<kbd>q</kbd> <kbd>r</kbd></td><td style="text-align: left">Menghentikan perekaman macro.</td></tr>
<tr><td style="text-align: left"><kbd>q</kbd> <kbd>r</kbd></td><td style="text-align: left">Menjalankan fungsi macro.</td></tr>
<tr><td style="text-align: left"><kbd>5</kbd><kbd>q</kbd> <kbd>r</kbd></td><td style="text-align: left">Menjalankan fungsi macro selama 5 kali, bisa diganti dengan <code>nq</code>.</td></tr>
</tbody></table>
<h3 id="pencarian-dengan-penyeleksian">Pencarian dengan penyeleksian<a class="post-anchor" href="#pencarian-dengan-penyeleksian" aria-label="Anchor link for: pencarian-dengan-penyeleksian"><span aria-hidden="true">#</span></a>
</h3>
<p>Mencari teks yaitu menggunakan <kbd>/</kbd> lalu mengetik kata
yang ingin dicari. Selain dengan mengetikkan karakter, cara lain
yaitu dengan menyeleksi karakter sebagai karakter pencarian.</p>
<p>Setelah menyeleksi sebuah karakter kata misalnya dengan <kbd>w</kbd>/<kbd>e</kbd>/<kbd>b</kbd>, tekan <kbd>*</kbd>
untuk menyimpan sebagai register pencarian. Kemudian kata tersebut
dapat dicari dengan <kbd>n</kbd> atau <kbd>shift</kbd>+<kbd>n</kbd>.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>*</kbd></td><td style="text-align: left">Menyimpan hasil seleksi ke dalam register pencarian {<kbd>/</kbd>.</td></tr>
</tbody></table>
<h3 id="menggunakan-jumplist">Menggunakan Jumplist<a class="post-anchor" href="#menggunakan-jumplist" aria-label="Anchor link for: menggunakan-jumplist"><span aria-hidden="true">#</span></a>
</h3>
<p>Dengan daftar lompat memungkinkan untuk menyimpan posisi kursor di
posisi tertentu.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>ctrl</kbd>+<kbd>s</kbd></td><td style="text-align: left">Menyimpan jumplist.</td></tr>
<tr><td style="text-align: left"><kbd>ctrl</kbd>+<kbd>o</kbd></td><td style="text-align: left">Jumplist selanjutnya.</td></tr>
<tr><td style="text-align: left"><kbd>ctrl</kbd>+<kbd>i</kbd></td><td style="text-align: left">Jumplist sebelumnya.</td></tr>
</tbody></table>
<h3 id="memutar-dan-menghapus-seleksi-primer">Memutar dan menghapus seleksi primer<a class="post-anchor" href="#memutar-dan-menghapus-seleksi-primer" aria-label="Anchor link for: memutar-dan-menghapus-seleksi-primer"><span aria-hidden="true">#</span></a>
</h3>
<p>Setelah menyeleksi, mungkin adakalanya beberapa seleksi tidak perlu
diikutkan. Dengan menggunakan <kbd>alt</kbd>+<kbd>,</kbd>, hasil seleksi
yang terpilih bisa dihapus.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>)</kbd></td><td style="text-align: left">Menuju primer seleksi selanjutnya.</td></tr>
<tr><td style="text-align: left"><kbd>(</kbd></td><td style="text-align: left">Menuju primer seleksi sebelumnya.</td></tr>
<tr><td style="text-align: left"><kbd>alt</kbd>+<kbd>,</kbd></td><td style="text-align: left">Menghapus primer seleksi utama.</td></tr>
</tbody></table>
<h3 id="mengganti-huruf-besar-kecil">Mengganti huruf besar/kecil<a class="post-anchor" href="#mengganti-huruf-besar-kecil" aria-label="Anchor link for: mengganti-huruf-besar-kecil"><span aria-hidden="true">#</span></a>
</h3>
<p>Mengganti huruf kapital (uppercase) ke huruf kecil (lowercase) dapat
menggunakan <kbd>`</kbd>, sedangkan huruf besar menggunakan <kbd>alt</kbd>+<kbd>`</kbd>.</p>
<table><thead><tr><th style="text-align: left">Key</th><th style="text-align: left">Description</th></tr></thead><tbody>
<tr><td style="text-align: left"><kbd>`</kbd> or <kbd>alt</kbd>+<kbd>`</kbd> >}}</td><td style="text-align: left">Mengganti ke huruf kecil atau besar.</td></tr>
<tr><td style="text-align: left"><kbd>~</kbd></td><td style="text-align: left">Membalikkan jenis huruf besar ke kecil dan sebaliknya.</td></tr>
</tbody></table>
<h3 id="memisahkan-seleksi-dengan-pattern-regex">Memisahkan seleksi dengan <em>pattern regex</em><a class="post-anchor" href="#memisahkan-seleksi-dengan-pattern-regex" aria-label="Anchor link for: memisahkan-seleksi-dengan-pattern-regex"><span aria-hidden="true">#</span></a>
</h3>
<p>Memisahkan seleksi mempunyai kondisi studi kasus khusus, misalnya
ingin membuat huruf kapital suatu kalimat, memisahkan penggabungan
baris menjadi beberapa baris, dan kondisi lain yang diharuskan untuk
memisahkan kata/kalimat yang sudah diseleksi.</p>
<p>Gambaran umum langkahnya seperti berikut ini.</p>
<ul>
<li>Seleksi baris, bisa menggunakan <kbd>x</kbd>, <kbd>w</kbd>, <kbd>e</kbd>, atau <kbd>b</kbd>.</li>
<li>Tekan <kbd>shift</kbd>+<kbd>s</kbd> untuk seleksi split.</li>
<li>Pilih pattern regex. Misalnya dipisah melalui tanda titik spasi <code>. </code>, tanda
seru spasi <code>! </code>, tanda tanya spasi <code>? </code>. Pakai spasi biasanya kalimat selalu
dipisahkan dengan tanda pemisah dan spasi. Jadi, pemulisan regexnya adalah
<code>\. |! |\?</code>. Titik dan tanda tanya perlu diawali backslash <code>\</code>.</li>
<li>Pilih posisi kursor bisa didepan atau dibelakangnya kalimat terpisah. Cara
memindahkannya dengan <kbd>alt</kbd>+<kbd>;</kbd>.</li>
<li>Dalam mode multi kursor, ganti perubahan yang diinginkan dengan <kbd>r</kbd>,
<kbd>c</kbd>, atau <kbd>i</kbd>.</li>
</ul>
<p>Sebagai contoh, ada 3 kalimat. pisahkan dan beri huruf kapital didepan.</p>
<pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span>belajar bahasa pemrograman! python adalah bahasa pemrograman tingkat tinggi? diciptakan oleh guido van rossum.</span></span></code></pre>
<p>Menjadi:</p>
<pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span>Belajar bahasa pemrograman!</span></span>
<span class="giallo-l"><span>python adalah bahasa pemrograman tingkat tinggi?</span></span>
<span class="giallo-l"><span>Diciptakan oleh guido van rossum.</span></span></code></pre><h2 id="penutup">Penutup<a class="post-anchor" href="#penutup" aria-label="Anchor link for: penutup"><span aria-hidden="true">#</span></a>
</h2>
<p>Helix sangat tepat digunakan karena menggunakan minimal konfigurasi
yang sudah tersedia autokomplit, fuzzy, multi kursor yang sudah
builtin. Meskipun <code>language-server</code> setiap bahasa pemrograman dipasang
secara terpisah dengan helix (begitu pula dengan editor lainnya),
helix tetap memiliki fitur seperti autopairs, fugitive, dan lain-lain
sebagai penunjang menulis program. Pengaturan untuk LSP tersedia di
<a href="https://github.com/helix-editor/helix/wiki/How-to-install-the-default-language-servers">Helix Wiki</a>. Konfigurasi keymap dan cara penggunaan
lebih lengkap ada di
<a href="https://docs.helix-editor.com">dokumentasi resmi</a>.</p>
<p>Helix terbilang memiliki performa yang cukup cepat. Bahkan tersedia
dukungan modal seperti <kbd>space</kbd>, <kbd>f</kbd>,
dan <kbd>g</kbd> yang memudahkan untuk manuver navigasi <span class="ref-placeholder" data-ref="evans25">(<a href="#ref-evans25">Evans, Julia</a>)</span>. Bagus untuk pergi ke definisi,
deklarasi, dan referensi.</p>
<p>Tentu pengguna baru yang bermigrasi dari vim atau neovim akan
menyukainya dan sangat layak untuk dicoba. Meskipun Anda seorang
vim/neovim veteran pun dengan pengalaman puluhan tahun <span class="ref-placeholder" data-ref="lafdzun25">(<a href="#ref-lafdzun25">Lafdzun, Kalamuna</a>)</span>.</p>
Bahasa Pemrograman yang harus diketahui untuk Data Scientist2023-02-01T00:00:00+00:002026-06-09T00:00:00+00:00
Hervy Qurrotul
https://hervyqa.srht.site/id/blog/bahasa-pemrograman-untuk-data-scientist/<p>Menjadi seorang data scientist tidak diharuskan memiliki latar belakang
IT. Dari jaringan yang ikuti di LinkedIn banyak yang alih profesi dari
berbagai latar belakang ke data scientist. Dan itu pun wajar, mengingat
secara global perusahaan berbondong-bondong menuju industri digital. Di
awal januari 2023, mencoba transisi dari desainer ke data science.</p>
<p>Baik, langsung ke topik pembahasan. Berikut ini adalah bahasa
pemrograman yang harus diketahui untuk data scientist. Apa saja?</p>
<h2 id="python">Python<a class="post-anchor" href="#python" aria-label="Anchor link for: python"><span aria-hidden="true">#</span></a>
</h2>
<ul>
<li>Website:
<a href="https://python.org">Python</a></li>
<li>Dokumentasi:
<a href="https://python.org/doc">Python Docs</a></li>
<li>Buku:
<a href="https://pythonbooks.org">Python Books</a>,
<a href="https://realpython.com/best-python-books">Realpython Books</a></li>
</ul>
<p>Python yang diciptakan oleh
<a href="https://gvanrossum.github.io">Guido van Rossum</a> merupakan bahasa
high-level data struktur programming yang mana sederhana, jelas dan
logis, tetapi efektif untuk pemrograman berbasis orientasi (OOP).</p>
<p>Python yang disarankan untuk dipasang minimal versi <code>python3.10</code> agar
mendapat dukungan sepenuhnya. Python yang merupakan bahasa pemrograman
multi-paradigma juga menawarkan beberapa dukungan pemrograman fungsional
yang mirip <code>lisp</code>, seperti filter, map, reduce, set dan ekspresi
generator.</p>
<p>
<a href="https://pypi.org">library</a> yang ditawarkan python juga banyak
sekali. Misalnya pandas, numpy, scipy, scikit-learn, matplotlib, seaborn
dan masih banyak lagi untuk kebutuhan data science. Anda dapat mencoba
python sesuai tautan diatas dan latih kemampuan pemrograman setiap hari.</p>
<pre class="giallo z-code"><code data-lang="shellscript"><span class="giallo-l"><span class="z-entity z-name z-function">python</span></span></code></pre><pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span>Python 3.10.9 (main, Dec 6 2022, 18:44:57) [GCC 11.3.0] on linux</span></span>
<span class="giallo-l"><span>Type "help", "copyright", "credits" or "license" for more information.</span></span>
<span class="giallo-l"><span>>>> print("Hello World")</span></span>
<span class="giallo-l"><span>Hello World</span></span></code></pre><h2 id="sql">SQL<a class="post-anchor" href="#sql" aria-label="Anchor link for: sql"><span aria-hidden="true">#</span></a>
</h2>
<ul>
<li>Website:
<a href="https://mariadb.org">MariaDB</a></li>
<li>Dokumentasi:
<a href="https://mariadb.org/documentation">MariaDB Docs</a></li>
<li>Buku:
<a href="https://mariadb.com/kb/en/books">MariaDB Books</a></li>
</ul>
<p>SQL (Structured Query Language) [baca: <em>sequel</em>] merupakan bahasa
pemrograman untuk mengakses data dalam basis data relasional (RDBMS).
Hampir semua server basis data menggunakan SQL untuk manajemen data.</p>
<p>Data scientist tentu akan bergulat dengan database, seperti pembuatan
database, mengolah, dan menerjemahkan data agar lebih dipahami. Sehingga
diperlukan untuk menentukan keputusan stakeholder.</p>
<p>Dalam penggunaan SQL, menggunakan
<a href="https://mariadb.org">MariaDB</a> (turunan
dari
<a href="https://mysql.com">MySQL</a>) sebagai manajemen data lebih leluasa
untuk dikembangkan secara terbuka dan tidak terikat oleh produk yang
berlisensi proprietary (Oracle). MariaDB juga memiliki storage engine
yang lebih banyak dari pada MySQL.</p>
<pre class="giallo z-code"><code data-lang="shellscript"><span class="giallo-l"><span class="z-entity z-name z-function">sudo</span><span class="z-string"> mysql</span><span class="z-constant z-other z-option"> -</span><span class="z-constant z-other z-option">u</span><span class="z-string"> root</span><span class="z-constant z-other z-option"> -</span><span class="z-constant z-other z-option">p</span></span></code></pre><pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span>Welcome to the MariaDB monitor. Commands end with ; or \g.</span></span>
<span class="giallo-l"><span>Your MariaDB connection id is 3</span></span>
<span class="giallo-l"><span>Server version: 10.6.11-MariaDB MariaDB Server</span></span>
<span class="giallo-l"><span>Copyright (c) 2000, 2018, Oracle, MariaDB Corporation Ab and others.</span></span>
<span class="giallo-l"><span>Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.</span></span>
<span class="giallo-l"></span>
<span class="giallo-l"><span>MariaDB [(none)]> show databases;</span></span>
<span class="giallo-l"><span>+--------------------+</span></span>
<span class="giallo-l"><span>| Database |</span></span>
<span class="giallo-l"><span>+--------------------+</span></span>
<span class="giallo-l"><span>| hervymart |</span></span>
<span class="giallo-l"><span>| hervypraktek |</span></span>
<span class="giallo-l"><span>| information_schema |</span></span>
<span class="giallo-l"><span>| mysql |</span></span>
<span class="giallo-l"><span>| performance_schema |</span></span>
<span class="giallo-l"><span>| sys |</span></span>
<span class="giallo-l"><span>+--------------------+</span></span>
<span class="giallo-l"><span>6 rows in set (0,097 sec)</span></span>
<span class="giallo-l"></span>
<span class="giallo-l"><span>MariaDB [(none)]></span></span></code></pre><h2 id="r">R<a class="post-anchor" href="#r" aria-label="Anchor link for: r"><span aria-hidden="true">#</span></a>
</h2>
<ul>
<li>Website:
<a href="https://r-project.org">R-Project</a></li>
<li>Dokumentasi:
<a href="https://docs.posit.co/ide/user/ide/get-started">Posit Docs</a></li>
<li>Buku:
<a href="https://www.r-project.org/doc/bib/R-books.html">R-Project Books</a></li>
</ul>
<p>Bahasa pemrograman R lebih dikenal sebagai bahasa pemrograman untuk
statistika dan visualisasi grafis. Dibuat oleh
<a href="https://en.wikipedia.org/wiki/Ross_Ihaka">Ross Ihaka</a> dan
<a href="https://en.wikipedia.org/wiki/Robert_Gentleman_(statistician)">Robert Gentleman</a> di Universitas Auckland, dan
sekarang dikembangkan oleh R Development Core Team.</p>
<p>Bahasa R dibawah lisensi GNU GPL telah menjadi standar de facto di
antara statistikawan untuk pengembangan perangkat lunak statistika,
serta digunakan secara luas untuk pengembangan perangkat lunak
statistika dan analisis data.</p>
<p>Penggunaan bahasa R dapat dilakukan dengan
<a href="https://jupyter.org">Jupyter</a> atau
<a href="https://posit.co/products/open-source/rstudio">RStudio Posit</a> untuk memudahkan data scientist untuk mengolah
data.</p>
<pre class="giallo z-code"><code data-lang="shellscript"><span class="giallo-l"><span class="z-entity z-name z-function">R</span></span></code></pre><pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span>R version 4.2.1 (2022-06-23) -- "Funny-Looking Kid"</span></span>
<span class="giallo-l"><span>Copyright (C) 2022 The R Foundation for Statistical Computing</span></span>
<span class="giallo-l"><span>Platform: x86_64-pc-linux-gnu (64-bit)</span></span>
<span class="giallo-l"></span>
<span class="giallo-l"><span>R is free software and comes with ABSOLUTELY NO WARRANTY.</span></span>
<span class="giallo-l"><span>You are welcome to redistribute it under certain conditions.</span></span>
<span class="giallo-l"><span>Type 'license()' or 'licence()' for distribution details.</span></span>
<span class="giallo-l"></span>
<span class="giallo-l"><span> Natural language support but running in an English locale</span></span>
<span class="giallo-l"></span>
<span class="giallo-l"><span>R is a collaborative project with many contributors.</span></span>
<span class="giallo-l"><span>Type 'contributors()' for more information and</span></span>
<span class="giallo-l"><span>'citation()' on how to cite R or R packages in publications.</span></span>
<span class="giallo-l"></span>
<span class="giallo-l"><span>Type 'demo()' for some demos, 'help()' for on-line help, or</span></span>
<span class="giallo-l"><span>'help.start()' for an HTML browser interface to help.</span></span>
<span class="giallo-l"><span>Type 'q()' to quit R.</span></span>
<span class="giallo-l"></span>
<span class="giallo-l"><span>> print("HelloWorld")</span></span>
<span class="giallo-l"><span>[1] "HelloWorld"</span></span></code></pre><h2 id="julia">Julia<a class="post-anchor" href="#julia" aria-label="Anchor link for: julia"><span aria-hidden="true">#</span></a>
</h2>
<ul>
<li>Website:
<a href="https://julialang.org">Julia Language</a></li>
<li>Dokumentasi:
<a href="https://docs.julialang.org/en">Julia Language Docs</a></li>
<li>Buku:
<a href="https://julialang.org/learning/books">Julia Language Books</a></li>
</ul>
<p>Bahasa pemrograman Julia adalah salah satu bahasa yang digunakan untuk
menganalisis numerik dan visualisasi data secara efisien. Sama halnya
dengan Python, Julia termasuk bahasa high-level yang syntaxnya tergolong
mudah untuk pemula.</p>
<p>Bisa dibilang Julia adalah kompetitornya Python, sebab performanya
jauh lebih cepat dari python. Hal ini dikarenakan Julia dikompil
dengan framework LLVM untuk kompilasi JIT, yang sebanding dengan
kecepatan bahasa C. Selain itu, julia dapat diintegrasikan dengan
VIM, Jupyter, dan
<a href="https://julia-vscode.org">Julia VScode</a>. Julia juga terdapat
<a href="https://www.juliapackages.com">Julia Packages</a> untuk pustaka yang dibutuhkan oleh data
scientist dan menariknya julia terdapat
<a href="https://fluxml.ai">FluxML</a> pustaka
khusus untuk Machine Learning.</p>
<pre class="giallo z-code"><code data-lang="shellscript"><span class="giallo-l"><span class="z-entity z-name z-function">julia</span></span></code></pre><pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span> _ _ _(_)_ | Documentation: https://docs.julialang.org</span></span>
<span class="giallo-l"><span> (_) | (_) (_) |</span></span>
<span class="giallo-l"><span> _ _ _| |_ __ _ | Type "?" for help, "]?" for Pkg help.</span></span>
<span class="giallo-l"><span> | | | | | | |/ _` | |</span></span>
<span class="giallo-l"><span> | | |_| | | | (_| | | Version 1.8.5 (2023-01-08)</span></span>
<span class="giallo-l"><span> _/ |\__'_|_|_|\__'_| |</span></span>
<span class="giallo-l"><span>|__/ |</span></span>
<span class="giallo-l"></span>
<span class="giallo-l"><span>julia> print("Hello World")</span></span>
<span class="giallo-l"><span>Hello World</span></span>
<span class="giallo-l"><span>julia></span></span></code></pre><h2 id="scala">Scala<a class="post-anchor" href="#scala" aria-label="Anchor link for: scala"><span aria-hidden="true">#</span></a>
</h2>
<ul>
<li>Website:
<a href="https://scala-lang.org">Scala Language</a></li>
<li>Dokumentasi:
<a href="https://docs.scala-lang.org">Scala Language Docs</a></li>
<li>Buku:
<a href="https://docs.scala-lang.org/books">Scala Language Books</a></li>
</ul>
<p>Scala (Scalable language) dimulai pada 2001 oleh Martin Odersky
merupakan bahasa pemrograman untuk kebutuhan general, high-level, dan
multi paradigma.</p>
<p>Scala, seperti Java juga salah satu bahasa pemrograman yang berorientasi
pada objek yang aman juga mendukung pemrograman fungsional. Scala
berjalan pada platform Java (Java virtual machine) dan kompatibel dengan
yang ada program Java.</p>
<pre class="giallo z-code"><code data-lang="scala"><span class="giallo-l"><span class="z-keyword">object</span><span class="z-entity z-name z-class"> HelloWorld</span><span class="z-keyword"> extends</span><span class="z-entity z-name z-class"> App</span><span> {</span></span>
<span class="giallo-l"><span> println</span><span>(</span><span class="z-string">"</span><span class="z-string">Hello, World!</span><span class="z-string">"</span><span>)</span></span>
<span class="giallo-l"><span>}</span></span></code></pre>
<p>Kompilasi:</p>
<pre class="giallo z-code"><code data-lang="shellscript"><span class="giallo-l"><span class="z-entity z-name z-function">scalac</span><span class="z-string"> HelloWorld.scala</span></span></code></pre>
<p>Menjalankan binary:</p>
<pre class="giallo z-code"><code data-lang="shellscript"><span class="giallo-l"><span class="z-entity z-name z-function">scala</span><span class="z-string"> HelloWorld</span></span></code></pre><pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span>Hello, World!</span></span></code></pre><h2 id="kesimpulan">Kesimpulan<a class="post-anchor" href="#kesimpulan" aria-label="Anchor link for: kesimpulan"><span aria-hidden="true">#</span></a>
</h2>
<p>Apapun bahasa yang digunakan, sesuaikan dengan kebutuhan dan kriteria
data yang ada agar lebih efektif. Berikut pemrograman sesuai sub-judul
dari yang mudah dan umum sehingga mudah untuk dipelajari oleh pemula.</p>
<p><strong>Apa bahasa yang terbaik?</strong></p>
<p>Semua bahasa pemrograman adalah terbaik asalkan sesuai dengan kebutuhan
dan spesifikasi, karena setiap bahasa memiliki kelebihan dan kekurangan
masing-masing. Bahkan secara pribadi menganjurkan untuk tidak fokus
kebahasanya, melainkan memahami konsep dasar algoritma pemrograman
terlebih dahulu yang lebih penting.</p>