Nvim-tree adalah plugin exploler untuk menampilkan file dan folder, sama seperti file exploler pada umumnya, yang dapat di tampilkan pada bagian sidebar editor.
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).
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.