vimrc - 大家好，剛入手vim,前端開發寫html,css,js的，有什麼好的語法高亮外掛推薦？

Question

這種vim自帶的實在太礬了。

#請大家幫忙介紹幾個。謝謝。

Answer 1

先去下載或自己編譯個最新的Gvim 8.0吧

Windows下用vim，可以
vim寫Web， 也可以
但是用msysGit 附帶的vim 寫 web，頭一次見

msysGit 包含一個不完整的MSYS 環境，
msysGit 附帶的vim 也是一個不完整的vim。

你先找個完整的vim，再來討論插件問題

下面是對WEB開發有幫助的插件，
自行參考你所使用的插件管理器教程，不要問我為啥Plug 命令錯誤

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'

" 补充一个 Vue 模板的
Plug 'posva/vim-vue'

" HTML 助手
Plug 'mattn/emmet-vim'

" JavaScript 补全
Plug 'ternjs/tern_for_vim'

" 色彩高亮，例子: #66CCFF
Plug 'gorodinskiy/vim-coloresque'

個人建議你還是用GitHub Atom 或者 VS Code

---

題主在評論裡說不喜歡gvim，因為不簡潔，我來補圖

這是你看到的Gvim

這是我的Gvim

這是我的VPS上的vim

同一份配置，不做任何修改，橫跨Windows/Linux，GUI/CLI。

請問，第二張圖和第三圖有什麼不同？

---

Vim 有兩種：一種是別人的，一種是你的。

最適合你的工具，是你自己配置的

喜歡vim，不是因為酷炫，不是因為可以裝逼。
而是因為它的高自由度，可定制性，強擴展能力

Sublime Text 擴充功能基於Python Python
GitHub Atom 扩展基于NodeJS
而vim，支持+lua, +mzscheme，+perl, +python, +python3, +ruby, +tcl，并且自身也有一门语言叫做vimLGitHub Atom 擴充功能基於NodeJS
而vim，支援+lua, +mzscheme ，+perl, +python, +python3, +ruby, +tcl ，而且本身也有一門語言叫做vimL
簡單的說，你可以用以上任何一種語言寫vim 插件。

舉例：

• lua使用

  擴充: https://github.com/Shougo/neo...

• python/python3使用

  擴充: https://github.com/SirVer/ult...

• ruby使用

  擴充：https://github.com/wincent/co...

• C用

  寫原生擴充也沒問題: https://github.com/Shougo/vim...

• Go後台呼叫

  寫的引擎: https://github.com/vim-ctrlsp...

• JS後台呼叫

  的模組：https://github.com/ternjs/ter...

高自由度也是有代價的，那就是預設配置甚至零配置非常不友好，Ctrl-V为粘贴，而正常情况下Ctrl-V例如Gvim for windows 的預設配置會映射
是 區塊選擇。

這也是為什麼說vim 的門檻太高。

• 你翻閱Vim 文檔，設定你想要設定的參數。 🎜

• 你需要某個功能，而vim 沒有內置，所以你去vim-script找插件。

• 插件太多，檔案太亂，於是你學會了使用插件管理器，使用git從GitHub更新插件。

• 某個外掛程式不適合你的需求，於是你開始學習vimL語言，自己動手寫插件。

• 某個插件需要其他語言例如+python，+lua 支持，於是你開始自己動手編譯vim。
  

• 你覺得你的vim 非常強大了，可以做編輯以外的事情：

  • 管理資料庫

  • 管理git repo

  • 股票操作

  • 直播的時候看彈幕

  • 看新聞

  • 上Twitter

  • 玩俄羅斯方塊

  • 看影片Bad apple!

  • 這都是些什麼鬼

• 發布你的配置/插件包供他人參考了。例如樓下@liuchengxu 同學的space-vim

一旦入門，你壓根不用考慮其他編輯器。
通吃所有你知道的以及不知道的平台！通吃所有你知道的、不知道的文法！

---

至於Vim 的編輯模式:

為什麼所有主流支援擴充的編輯器/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 模式或外掛程式

---

最後說個重點：

Vim 只是一個編輯器

Vim 只是一個編輯器

Vim 只是一個編輯器

調試什麼的，IDE確實要方便，所以我從來不推薦新人用vim。
對vim有興趣的新人，我願意提供協助。

Vim 原始碼：
https://github.com/vim/vim

Gvim for Windows：
https://github.com/vim/vim-wi...

---

說個冷笑話: 神器Sublime Text
世界很大，很多你沒看過

Answer 2

首次看見有人使用VIM寫前端代碼. 而且估計是Win平台的. 請問你老師是誰?

前端程式碼不必要使用Vim來寫.

sublime 和 atom 都是不錯的. 自己搜尋一下吧.

Answer 3

換個 colorscheme

a list of commonly used colorschemes -- vim-galore

或好好設定一下，如果你用Linux 或 macOS, 我會不要臉推薦：space-vim

可是 windows, 尚未測試...

Answer 4

http://vimcolors.com/

廣泛使用的solarized

Answer 5

用vim寫程式碼是一種很酷炫的行為，然而也僅僅是酷炫而已