vimrc - 大家好,剛剛?cè)胧講im,前端開發(fā)寫html,css,js的,有什么好的語法高亮插件推薦?
問題描述
這種vim自帶的實(shí)在太矬了。問題解答
回答1:先去下載或自己編譯個(gè)最新的Gvim 8.0吧
Windows下用vim,可以vim寫Web, 也可以 但是用msysGit 附帶的vim 寫 web,頭一次見
msysGit 包含一個(gè)不完整的MSYS 環(huán)境, msysGit 附帶的vim 也是一個(gè)不完整的vim。
你先找個(gè)完整的vim,再來討論插件問題
下面是對(duì)WEB開發(fā)有幫助的插件, 自行參考你所使用的插件管理器教程,不要問我為啥Plug 命令錯(cuò)誤
Plug ’othree/html5.vim’Plug ’hail2u/vim-css3-syntax’Plug ’groenewege/vim-less’Plug ’tpope/vim-haml’Plug ’pangloss/vim-javascript’Plug ’kchmck/vim-coffee-script’Plug ’leafgarland/typescript-vim’' 補(bǔ)充一個(gè) Vue 模板的Plug ’posva/vim-vue’' HTML 助手Plug ’mattn/emmet-vim’' JavaScript 補(bǔ)全Plug ’ternjs/tern_for_vim’' 色彩高亮,例子: #66CCFFPlug ’gorodinskiy/vim-coloresque’
個(gè)人建議你還是用GitHub Atom 或者 VS Code
題主在評(píng)論里說不喜歡gvim,因?yàn)椴缓?jiǎn)潔,我來補(bǔ)圖這是你看到的Gvim
這是我的Gvim
這是我的VPS上的vim
同一份配置,不做任何修改,橫跨Windows/Linux,GUI/CLI。
請(qǐng)問,第二張圖和第三圖有什么不同?
Vim 有兩種:一種是別人的,一種是你的。最適合你的工具,是你自己配置的喜歡vim,不是因?yàn)榭犰牛皇且驗(yàn)榭梢匝b逼。 而是因?yàn)樗母咦杂啥龋啥ㄖ菩裕瑥?qiáng)擴(kuò)展能力
Sublime Text 擴(kuò)展基于Python GitHub Atom 擴(kuò)展基于NodeJS 而vim,支持+lua, +mzscheme,+perl, +python, +python3, +ruby, +tcl,并且自身也有一門語言叫做vimL 簡(jiǎn)單的說,你可以用以上任何一種語言寫vim 插件。舉個(gè)例子:
使用lua擴(kuò)展: https://github.com/Shougo/neo...
使用python/python3擴(kuò)展: https://github.com/SirVer/ult...
使用ruby擴(kuò)展:https://github.com/wincent/co...
用C寫原生擴(kuò)展也沒問題: https://github.com/Shougo/vim...
后臺(tái)調(diào)用Go寫的引擎: https://github.com/vim-ctrlsp...
后臺(tái)調(diào)用JS的模塊:https://github.com/ternjs/ter...
高自由度也是有代價(jià)的,那就是默認(rèn)配置甚至零配置非常不友好,比如Gvim for windows 的默認(rèn)配置會(huì)映射Ctrl-V為粘貼,而正常情況下Ctrl-V 是 塊選擇。這也是為什么說vim 的門檻太高。
你翻閱Vim 文檔,設(shè)置你想要設(shè)置的參數(shù)。
你需要某個(gè)功能,而vim 沒有內(nèi)置,于是你去vim-script找插件。
插件太多,文件太亂,于是你學(xué)會(huì)了使用插件管理器,使用git從GitHub更新插件。
某個(gè)插件不適合你的需求,于是你開始學(xué)習(xí)vimL語言,自己動(dòng)手編寫插件。
某個(gè)插件需要其他語言比如+python,+lua 支持,于是你開始自己動(dòng)手編譯vim。
你覺得你的vim 非常強(qiáng)大了,可以做編輯以外的事情:
管理數(shù)據(jù)庫(kù)
管理git repo
股票操作
直播的時(shí)候看彈幕
看新聞
上Twitter
玩俄羅斯方塊
看視頻Bad apple!
這都是些什么鬼
發(fā)布你的配置/插件包供他人參考了。比如樓下@liuchengxu 同學(xué)的space-vim
一旦入門,你壓根不用考慮其他編輯器。通吃所有你知道的以及不知道的平臺(tái)!通吃所有你知道的以及不知道的語法!
至于Vim 的編輯模式:為什么所有主流支持?jǐn)U展的編輯器/IDE都有vim 插件?
Sublime Text: https://packagecontrol.io/pac...
GitHub Atom: https://atom.io/packages/vim-...
Visual Studio: https://marketplace.visualstu...
Visual Studio Code: https://marketplace.visualstu...
Eclipse: http://eclim.org/
PyCharm/IntelliJ IDEA: http://plugins.jetbrains.com/...
Xcode: https://github.com/XVimProjec...
非編輯器:bash, zsh, tmux, Firefox, Chrome 也有vim 模式或插件
最后說個(gè)重點(diǎn):Vim 只是一個(gè)編輯器Vim 只是一個(gè)編輯器Vim 只是一個(gè)編輯器調(diào)試什么的,IDE確實(shí)要方便,所以我從不推薦新人用vim。對(duì)vim有興趣的新人,我愿意提供幫助。
Vim 源碼:https://github.com/vim/vim
Gvim for Windows:https://github.com/vim/vim-wi...
說個(gè)冷笑話: 神器Sublime Text世界很大,很多你沒有見過
回答2:首次看見有人使用VIM寫前端代碼. 而且估計(jì)是Win平臺(tái)的. 請(qǐng)問你老師是誰?
前端代碼不必要使用Vim來寫.
sublime 和 atom 都是不錯(cuò)的. 自己搜索一下吧.
回答3:換個(gè) colorscheme
a list of commonly used colorschemes -- vim-galore
或者好好配置一下,如果你用Linux 或 macOS, 我會(huì)不要臉地推薦:space-vim
可是 windows, 尚未測(cè)試...
回答4:http://vimcolors.com/
廣泛使用的solarized
回答5:用vim寫代碼是一種很酷炫的行為,然而也僅僅是酷炫而已
