Cara Install Plugin di Vim Menggunakan VimPlug

Cara install plugin di Vim ~ Vim ataupun Neovim adalah salah satu teks editor yang banyak digemari oleh developer, baik developer website ataupun desktop.

Neovim adalah pengembangan dari Vim, saya sendiri menggunakan kedua teks editor ini.

Memang tampilannya begitu sederhana, namun jika kita mengkonfigurasinya lebih lanjut, akan menjadi teks editor terbaik yang kita gunakan.

Alasan Saya Menggunakan Vim

Awalnya saya hanya coba-coba saja, sebab melihat tutorial di youtube ada yang ngoding menggunakan teks editor vim dengan tampilan yang tidak kalah dengan teks editor lain seperti Sublime Text, Atom, bahkan VSCode.

Setelah itu, saya mulai mencoba, memang jika kita tidak mengkonfigurasinya, tampilannya sangat sederhana.

Selain itu, diawal menggunakan Vim, memang terasa sangat sulit, dan ngoding jadi lebih lama, apalagi untuk saya yang masih proses belajar ngoding.

Namun setelah beberapa bulan, setelah beberapa masalah sudah saya alami, akhirnya saya merasa Vim adalah teks editor terbaik.

Berikut ini adalah tampilan editor Vim yang saya gunakan saat ini.

Cara install plugin di Vim
Vim on Debian

Nah supaya Vim yang kita gunakan memiliki tampilan yang lebih menarik, kita perlu menginstal beberapa plugin dan mengkonfigurasinya terlebih dahulu.

Berikut cara install plugin di Vim, dengan VimPlug.

Install VimPlug (Plugin Manager) di Vim

VimPlug merupakan salah satu plugin manager di Vim. Ada beberapa plugin manager yang dapat kita pakai, namun yang saya gunakan salah satunya adalah VimPlug.

Berikut cara install VimPlug di Vim:

  • Unix / Linux
sh -c 'curl -fLo "${XDG_DATA_HOME:-$HOME/.local/share}"/nvim/site/autoload/plug.vim --create-dirs \
       https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim'
  • Windows
iwr -useb https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim |`
    ni $HOME/vimfiles/autoload/plug.vim -Force

Jika sobat menggunakan Neovim, berikut cara instalnya:

  • Unix / Linux
sh -c 'curl -fLo "${XDG_DATA_HOME:-$HOME/.local/share}"/nvim/site/autoload/plug.vim --create-dirs \
       https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim'
  • Flatpak
curl -fLo ~/.var/app/io.neovim.nvim/data/nvim/site/autoload/plug.vim --create-dirs \
    https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim
  • Windows
iwr -useb https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim |`
    ni "$(@($env:XDG_DATA_HOME, $env:LOCALAPPDATA)[$null -eq $env:XDG_DATA_HOME])/nvim-data/site/autoload/plug.vim" -Force

Nah, setelah VimPlug berhasil di install, selanjutnya kita coba install plugin di Vim menggunakan VimPlug.

Cara Install Plugin dengan VimPlug

Buat file di directory home, dengan nama .vimrc dengan cara berikut:

vim .vimrc

Kemudian paste kode berikut ini:

call plug#begin('~/.vim/plugged')

" disini plugin yang akan di install 

call plug#end()

Pada contoh ini saya mau menginstal plugin untuk tema dracula. Untuk plugin lainnya bisa sobat cek di vimawesome.

call plug#begin('~/.vim/plugged')

" Theme (ini hanya komentar) 
Plug 'dracula/vim'

call plug#end()

Simpan dan exit terlebih dahulu, dengan perintah :wq.

Lalu buka lagi file .vimrc dengan Vim, kemudian ketikkan perintah :PlugInstall, setelah berhasil di install, tambahkan baris perintah berikut:

call plug#begin('~/.vim/plugged')

Plug 'dracula/vim'

call plug#end()

" Configure Theme
colorscheme dracula

Kemudian simpan dan exit terlebih dahulu dengan perintah :wq.

Lalu coba buka kembali file .vimrc tersebut dengan vim sobat, nanti tampilannya akan berubah sesuai dengan tema yang digunakan.

Plugin dan Konfigurasi Vim yang Saya Gunakan

Cara install plugin di Vim

Buat sobat yang ingin mencoba tampilan vim seperti pada gambar diatas, bisa mencoba menggunakan konfigurasi Vim yang saya gunakan.

Meskipun script berikut saya gunakan di Vim saya, sebagian konfigurasinya saya ngga begitu paham, bahkan ngga ngerti maksudnya.

Karena kebanyakan saya mencarinya di tutorial dan mengkonfigurasinya ketika terjadi masalah, hehe.

Tapi kalau sobat mau cobain saya rasa ngga apa-apa, kalau ada error tingga cari aja solusinya di Google atau StackOverflow.

call plug#begin('~/.vim/plugged')

" Vim Starting
Plug 'mhinz/vim-startify'

" Auto Complete
Plug 'valloric/youcompleteme'

Plug 'vim-airline/vim-airline'
Plug 'vim-airline/vim-airline-themes'

" Emmet
Plug 'mattn/emmet-vim'

" C/C++ Language
Plug 'vim-scripts/c.vim'

" Auto Close Tag
Plug 'alvan/vim-closetag'

Plug 'scrooloose/nerdtree'
Plug 'ryanoasis/vim-devicons'

" FZF
Plug 'junegunn/fzf', { 'do': { -> fzf#install() } }
Plug 'junegunn/fzf.vim'

" Themes
Plug 'joshdick/onedark.vim'
Plug 'dracula/vim'

" Powerline
Plug 'powerline/powerline'

" Tmux Line
Plug 'edkolev/tmuxline.vim'

call plug#end()

" Jump Next and Prev Tab
" Using ctrl+left (next)
" Using ctrl+right (prev)
nnoremap <C-Left> :tabprevious<CR>
nnoremap <C-Right> :tabnext<CR>

" Setting for c.vim
let g:C_UseTool_cmake ='yes'
let g:C_UseTool_doxygen ='yes'

" General Setting
:set encoding=UTF-8
:set number
:set nowrap

" Setting tab
:set tabstop=3
:set shiftwidth=3
:set softtabstop=3
:set expandtab


" Setting cursorline
:set cursorline
hi CursorLine term=bold cterm=bold guibg=Grey40

" Setting themes
syntax on
colorscheme onedark
hi Normal guibg=NONE ctermbg=NONE

" vim airline / airline themes
let g:airline#extensions#tabline#enabled = 1
let g:airline#extensions#tabline#left_sep = "\ue0b4"
let g:airline#extensions#tabline#right_sep = "\ue0b6"
let g:airline#extensions#tabline#left_alt_sep = "\ue0b0"
let g:airline#extensions#tabline#formatter = 'unique_tail'
let g:airline_section_z = '%l:%c'
let g:airline_theme='supernova'
" Pilihan theme untuk Vim Airline:
" violet,apprentice,ayu_mirage,durant,term,supernova,seagull,selenized,wombat

" Powerline Setting
" to a Nerd Font (https://github.com/ryanoasis/nerd-fonts):
let g:airline_left_sep = "\ue0b0"
let g:airline_right_sep = "\ue0b2"
let g:airline_left_alt_sep = "\ue0b0"
let g:airline_right_alt_sep = "\ue0b2"

Konfigurasi .vimrc tersebut hanya mengubah tampilan saja, serta beberapa fungsi yang nggak terlalu berguna. Karena memang hanya saya gunakan untuk belajar pemrograman C/C++ saja.

Untuk konfigurasi Vim yang saya gunakan untuk web developer, saya menggunakan Neovim. Nah di artikel selanjutnya, saya mau share juga cara install plugin di Neovim.

Sekian cara install plugin di Vim dengan menggunakan VimPlug (plugin manager vim), semoga bermanfaat.

~ Jangan mencintai sesuatu terlalu banyak ✨ ~

Leave a Comment