Hello everyone, just started with vim, front-end development writing html,css,js, what are the good syntax highlighting plug-in recommendations?

  question, vim

This vim comes with too much.


Please help me introduce some. Thank you

First download or compile the latest Gvim 8.0 yourself

Vim for Windows,Sure
Vim writes the Web,It’s fine too
However, it is the first time to write the web with vim attached to msysGit.

MsysGit contains an incomplete MSYS environment.
Vim attached to msysGit is also an incomplete vim.

You will find a complete vim first, then discuss the plug-in issue.

The following are plug-ins that are helpful for WEB development.
Refer to the plug-in manager tutorial you are using yourself, don’t ask me why.PlugCommand error

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'
 "Added a Vue template
 Plug 'posva/vim-vue'
 "HTML assistant
 Plug 'mattn/emmet-vim'
 "JavaScript Complements
 Plug 'ternjs/tern_for_vim'
 "Color Highlight, Example: #66CCFF
 Plug 'gorodinskiy/vim-coloresque'

Personally, I suggest you still useGitHub AtomOr ..VS Code

The topic owner said in the commentary that he did not like gvim because it was not concise. I will supplement the picture.


This is Gvim as you see it.


This is my Gvim.


This is vim on my VPS

The same configuration, without any modification, spans Windows/Linux, GUI/CLI.

Excuse me, what is the difference between the second picture and the third picture?

Vim has two kinds: one belongs to others and the other belongs to you.

The most suitable tool for you is your own configuration.

Like vim, not because of cool, not because can pretend to force.
But because of its high degree of freedom, customizability and strong expandability.

Sublime Text extension based onPython
The GitHub Atom extension is based onNodeJS
While vim, support+lua,+mzscheme,+perl,+python,+python3,+ruby,+tcl, and itself also has a language calledvimL
In short, you can write vim plug-ins in any of the above languages.
For example:

The high degree of freedom also comes at a price, that is, the default configuration or even the zero configuration is very unfriendly.
For example, the default configuration of Gvim for windows mapsCtrl-VIn order to paste, and under normal circumstancesCtrl-VIt’s a block choice.
This is also why the threshold for vim is too high.

Once you get started, you don’t have to consider other editors at all.
Eat all platforms you know and don’t know! Eat all the grammar you know and don’t know!

As for Vim’s editing mode:

Why do all mainstream editors /IDE that support extensions have vim plug-ins?

Non-editor:bash,zsh,tmux,Firefox,ChromeThere are also vim modes or plug-ins

Finally, I would like to make a point:

Vim is just an editor

Vim is just an editor

Vim is just an editor

Debugging or something, IDE is really convenient, so I never recommend vim for newcomers.
I am willing to offer help to newcomers who are interested in vim.

Vim source code:

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

Let’s make a cold joke: the artifact subextext.
The world is very big, many you have not seen before.