Cara Install nvim-tree: File Explorer untuk Neovim

wahyunanangwidodo

wahyunanangwidodo Kamis, 14 Juli 2022

Nvim-tree adalah plugin exploler untuk menampilkan file dan folder, sama seperti file exploler pada umumnya, yang dapat di tampilkan pada bagian sidebar editor.

Cara Install nvim-tree: File Explorer untuk Neovim

Dokumentasi lengkap mengenai instalasi, konfigurasi, penggunaan, dan lain-lain bisa dilihat di repo github: nvim-tree. Untuk contoh bagaimana instalasi dan konfigurasinya di neovim akan dijelaskan di bawah.

Jika plugin / package manager yang digunakan berbeda, kiranya bisa menyesuaikan. Begitu juga dengan struktur file konfigurasi. Dalam contoh ini, plugin manager yang digunakan adalah packer.nvim, dan struktur file konfigurasi dasar menggunakan nvim-windows.

Instalasi dan konfigurasi

Langkah-langkah instalasi dan konfigurasi nvim-tree di neovim adalah sebagai berikut. Pertama, kita tambahkan plugin baru nvim-tree pada file konfigurasi plugin untuk di install. Silakan copas di bawah ini.

//lua/plugins.lua
use { 
  "kyazdani42/nvim-tree.lua",
  requires = "nvim-web-devicons",
  config = function()
    require('config.nvim-tree')
  end,
}

Kemudian pada direktori config / plugins, buat file baru dengan nama nvim-tree.lua, dan copas konfigurasi nvim-tree di bawah ini.

//lua/config/nvim-tree.lue
local ok, nvim_tree = pcall(require, 'nvim-tree')
if not ok then
  return
end

nvim_tree.setup({
  sort_by = "case_sensitive",
  disable_netrw = true,
  update_cwd = true,   
  update_focused_file = {
      enable = true,
      update_cwd = false,
  },
  view = {
    adaptive_size = true, 
    hide_root_folder = true,
    side = "left",  
    mappings = {
      list = {
        { key = "u", action = "dir_up" },
      },
    },
  },
  renderer = { 
    group_empty = true,
    icons = { 
      show = {
        file = true,
        folder = true,
        folder_arrow = true,
        git = false,
      },
    },
  }, 
  filters = {
      dotfiles = true,
      custom = { ".git", "node_modules", ".cache"},
  },
})

vim.api.nvim_set_keymap('n', '<Leader>e', ':NvimTreeToggle<CR>', {noremap = true, silent = true})

Setelah itu, kita lakukan penginstalan plugin.

:PackerInstall

Setelah plugin selesai diinstall. Jalankan compiling dan restart / muat ulang vim.

:PackerCompile

Hasilnya seperti gambar di bawah ini. Gunakan keymap <leader>e untuk membuka dan menutup exploler (tree).

Cara Install nvim-tree: File Explorer untuk Neovim

Selesai

Proses instalasi dan konfigurasi nvim-tree cukup mudah. Silahkan buka repo nvim-tree atau :help nvim-tree-setup untuk melihat opsi pengaturan lainnya.

Instalasi & Konfigurasi nvim-tree selesai sampai disini. Silakan dicoba dan lakukan eksperimen.

Jika belum menambahkan fitur LSP dan Autocomplete pada editor vim (neovim) yang digunakan, silakan lihat Cara Install LSP & Autocomplete (lspconfig + cmp) di Neovim.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Postingan Lainnya