Konfigurasi dan setup VIM editor sebagai IDE PHP di Ubuntu Linux


Pada post kali ini saya mencoba mencatat pengalaman saya dalam mengkonfigurasi Vim untuk saya gunakan sebagai IDE development tool PHP, Saya sendiri masih menggunakan Atom IDE untuk development sehari hari, tapi kadang kala saya malas keluar dari terminal dan menggunakan Vim untuk menyelesaikan beberapa pekerjaan yang sederhana.

Vim adalah text editor yang dibuat sebagai text editor yang fleksible dan bisa disetup sesuai dengan kebutuhan dan keperluan kita, dan pada catatan kali ini saya mencatat tentang konfigurasi dan setup Vim text editor untuk sebuah IDE pengembangan web berbasis PHP.

Instalasi Vim Plugin Manager (Pathogen dan atau Vundle)

Plugin manager yang sering digunakan Vim adalah Pathogen dan Vundle.

  1. Pathogen

    “Manage your 'runtimepath' with ease. In practical terms, pathogen.vim makes it super easy to install plugins and runtime files in their own private directories.”

    • Instalasi
      1. mkdir -p ~/.vim/autoload
      2. mkdir ~/.vim/bundle
      3. curl -LSso ~/.vim/autoload/pathogen.vim https://tpo.pe/pathogen.vim1.Instal-pathogen.png
      4. Tambahkan baris berikut ke .vimrc, bila belum punya file .vimrc bikin saja dulu yang baru di ~/.vimrc tau copy yag suda ada dengancp /usr/share/vim/vimrc ~/.vimrc2-create-vimrc
      5. Nah sekarang kita sudah memiliki ~/.vimrc, mari kita kembali ke proses instalasi pathogen dengan menambahkan bari berikut ke file .vimrc kita:execute pathogen#infect()3.infect vimrc.png
      6. Sekarang plugin-plugin yang ingin dinginstal dapat diekstrak ke subdirektori di bawah ~/.vim/bundel, dan mereka akan ditambahkan ke ‘runtimePath’. perhatikan contoh berikut, kita menjadikan instalasi vim-sensible  sebagai contoh pertama:
        1. cd ~/.vim/bundle
        2. git clone https://github.com/tpope/vim-sensible.git

          5-coba-install-sensible

  2. Vundle

    Vundle is inspired by Pathogen, it can do everything pathogen can do, it is compatible with pathogen, which means if a plugin declares it supporting pathogen, it supports vundle. Launch vim and run :BundleInstall , everything will be ready for you.

    • Instalasi
      1. cd ~/.vim/bundle
      2. git clone https://github.com/VundleVim/Vundle.vim.git ~/.vim/bundle/Vundle.vim6-instalvundle
      3. Edit .vimrc dengan menambahkan perintah berikut di bagian paling atas
        set nocompatible             
        filetype off                  
        
        " set the runtime path to include Vundle and initialize
        set rtp+=~/.vim/bundle/Vundle.vim
        call vundle#begin()
        " let Vundle manage Vundle, required
        Plugin 'VundleVim/Vundle.vim'  
        " semua penambahan disini
        " All of your Plugins must be added before the following line
        call vundle#end()            " required
        filetype plugin indent on    " required
      4. untuk mengetes kita coba install command-t.git, dengan menambahkan line di bawah ini di ~/.vimrc kita:
        Plugin 'git://git.wincent.com/command-t.git'

        8-install-plugin-via-vundle

      5. Lalu execute perintah :PluginInstall9-plugin-installed
      6. Untuk melihat plugin yang terinstall gunakan :PluginInstall
      7. Nah, sekarang t iba waktunya kita menghapus Vim Plugin yang tadi kita install, caranya hapus saja line yang tadi kita tambahkan di vimrc
        • Dari :8-install-plugin-via-vundle
        • Jadi :10.PLUGINKOSONG.png
        • Lalu tinggal :PluginUpdate
        • 11-pluginupdate
        • 12.tampilandone.png
        • 12.removedplugin.png
  3. Konfigurasi Vim untuk PHP Development dengan Vundle

    1. Install PHP Syntax Highlighter StanAngeloff/php.vim13-php-vim

      • " Put at the very end of your .vimrc file.
        
        function! PhpSyntaxOverride()
          hi! def link phpDocTags  phpDefine
          hi! def link phpDocParam phpType
        endfunction
        
        augroup phpSyntaxOverride
          autocmd!
          autocmd FileType php call PhpSyntaxOverride()
        augroup END
      • lalu :PluginInstall
      • Hasilnya:
      • 14.php.vim.in.action.png
    2. Instalasi PHP linter joonty/vim-phpqa

      15.php-linter-install.png

      • lalu :PluginInstall
      • Hasilnya:
      • 16-php-code-linter
      • Shortcut:
        • Tambahkan line berikut di .vimrc supaya codesniffer bisa di toggle dengan ctrl+shift+s.
          autocmd FileType php map <C-S-s> :Php<CR>
          autocmd FileType php map <C-S-a> :Phpcs<CR>
    3. Instalasi Tree Explorer scrooloose/nerdtree

      17-nerdtree

      • Hasilnya
      • 19-nerdtree
      • bila mau close semua termasuk nerdtree gunakan :qa!
      • Shortcut:
        • Tambahkan line berikut di .vimrc supaya bisa di toggle dengan ctrl+\ seperti di atom.
          
          
          map <C-n> :NERDTreeToggle<CR>
    4. Instalasi Grepper vim-grepper

      • Hasilnya:
    5. Instalasi ctrlpvim/ctrlp.vim untuk mencari file dengan fuzzy finder31-ctrpvim.png
    6. sdf
  4. asdasd
  5. Cek vimrc file saya di github: https://github.com/yoesoff/vimrc
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s