星期一, 十一月 30, 2009
Vim 的 JavaScript 縮排格式最佳化 外掛
現在的 JavaScript 都會經過 Compress / Compile, 全部變成一排, 以節省傳輸成本.
於 Vim 編輯時, 遇到這種全部變成一排的, 可以靠此 外掛(Plugin) 來搞定, 這 外掛 縮排完後, 搞不好比原作者的縮排更漂亮. XD
- Vim JS 縮排格式最佳化 外掛: jsbeautify : a javascript source code formatter (JavaScript Beautiful、Beauty、Format 工具)
JS Beautify 設定步驟
- 於此 jsbeautify : a javascript source code formatter 下載 jsbeautify.vim
- mkdir -p ~/.vim/plugin
- mv jsbeautify.vim ~/.vim/plugin/
- vim .vimrc # 設定 <leader> 鍵值 (若已經有設好 <leader> 鍵, 此步驟請跳過)
let mapleader=","
JS Beautify 使用方式
- vim filename_min.js
- ,ff # 直接 ,ff 就可以顯示格式化縮排的結果
- 註: <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 unpacker and beautifier
- JSON Formatter (& Validator!)
- Beautify JavaScript from TextMate or CLI
JavaScript code 壓縮工具
- 使用 YUI Compressor 壓縮 CSS / JavaScript
- Google closure-compiler 專案 - 可於此下載 Source code
- Closure Compiler Service - Google JS Compiler 線上版
- Google Closure Compiler with PHP
延伸閱讀
- COSCUP 2009 投影片 與 整理
- Lifetype 1.1.6 直接升級 1.2.4
- 為 LifeType 增加延伸閱讀
- Debian Linux 安裝 php-java-bridge (tarball 安裝)
- Vim 樹狀目錄外掛: NERDTree
相關標籤
發表迴響
PS: 若無法留言, 請先確認是否有打開 JavaScript, 造成您的困擾, 實在萬分對不起 Orz...(如果無法留言, 勞煩可以發信給我好嗎? 謝謝.)
PS2: 若您的留言被誤判, 我都會再自行看過, 不需要一直重覆張貼~
PS2: 若您的留言被誤判, 我都會再自行看過, 不需要一直重覆張貼~




