星期一, 十一月 30, 2009

Vim 的 JavaScript 縮排格式最佳化 外掛

現在的 JavaScript 都會經過 Compress / Compile, 全部變成一排, 以節省傳輸成本.

於 Vim 編輯時, 遇到這種全部變成一排的, 可以靠此 外掛(Plugin) 來搞定, 這 外掛 縮排完後, 搞不好比原作者的縮排更漂亮. XD

JS Beautify 設定步驟

  1. 於此 jsbeautify : a javascript source code formatter 下載 jsbeautify.vim
  2. mkdir -p ~/.vim/plugin
  3. mv jsbeautify.vim ~/.vim/plugin/
  4. vim .vimrc # 設定 <leader> 鍵值 (若已經有設好 <leader> 鍵, 此步驟請跳過)
    let mapleader=","

JS Beautify 使用方式

  1. vim filename_min.js
  2. ,ff # 直接 ,ff 就可以顯示格式化縮排的結果
  3. 註: <leader>ff

Vim <Leader> 操作設定

此部份與上述已經無關, 純紀錄 <leader> 的其它使用方式.

  • map <Leader>h :echo "Hello world."<CR>
  • nmap <leader>h :tabprev<CR>
  • nnoremap <silent> <leader>ff :call g:Jsbeautify()<cr>

線上的 JavaScript / JSON code formatter 工具

JavaScript code 壓縮工具

延伸閱讀

相關標籤

Add this page to del.icio.us

發表迴響

標題

內容 (限制 1000 字)

暱稱

電子郵件

個人網頁


 authimage


PS: 若無法留言, 請先確認是否有打開 JavaScript, 造成您的困擾, 實在萬分對不起 Orz...(如果無法留言, 勞煩可以發信給我好嗎? 謝謝.)
PS2: 若您的留言被誤判, 我都會再自行看過, 不需要一直重覆張貼~