服务器平台:
VMware® Workstation 15 Pro(15.5.2 build-15785246)
CentOS7(3.10.0-957.el7.x86_64)
1.安装前
1.1 查看vim版本
vim-plug 需要8.0以上版本
vim --version
1.2 升级vim
1.3 安装git
安装插件等需要从 github 拉取,所以还需要安装 git
yum install -g git
1.4 vim-plug 官网
2.安装 vim-plug
2.1 下载
curl -fLo ~/.vim/autoload/plug.vim --create-dirs \
https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim
在家目录下创建了隐藏目录:~/.vim/
,存放了插件相关文件,包括刚下载的 plug.vim
文件。
2.2 配置和安装插件
- 在家目录下,新建配置文件
.vimrc
,所有设置都在这个配置文件中。
vim ~/.vimrc
直接在 windows 中编辑好,然后上传即可。CSDN可下载
- 进入vim,安装插件
:PlugInstall
常用命令
Command | Description |
---|---|
PlugInstall [name ...] | Install plugins 安装插件 |
PlugUpdate [name ...] | Install or update plugins 安装或更新插件 |
PlugClean[!] | Remove unlisted plugins (bang version will clean without prompt) 删除未列出的插件 |
PlugUpgrade | Upgrade vim-plug itself 更新插件 |
PlugStatus | Check the status of plugins 查看插件状态 |
PlugDiff | Examine changes from the previous update and the pending changes 检查来自前一个更新的更改和挂起的更改 |
PlugSnapshot[!] [output path] | Generate script for restoring the current snapshot of the plugins 生成用于恢复插件当前快照的脚本 |
3.插件介绍
3.1 语法高亮检查
3.2 状态条
当这个插件被正确加载后,会在 vim 窗口底部显示一个状态条,显示各种信息。
-
vim-airline/vim-airline
-
vim-airline/vim-airline-themes
详见官网:Git地址
3.3 注释
-
scrooloose/nerdcommenter
详见官网:Git地址
3.4 git
-
airblade/vim-gitgutter
显示 Git 变动,例如显示哪些行被添加、修改或删除。
详见官网:Git地址
-
tpope/vim-fugitive
在vim编辑器中完成git操作。
详见官网:Git地址
-
tpope/vim-rhubarb
If fugitive.vim is the Git, rhubarb.vim is the Hub.
与上一个插件分别对应 Git 和 Github。
详见官网:Git地址
3.5 Markdown
-
iamcco/markdown-preview.nvim
支持Markdown。
详见官网:Github地址
3.6 Prettier
-
prettier/vim-prettier
代码格式化。 默认情况下,它会自动格式化 javascript、typescript、less、scss、css、json、graphql 和 markdown 文件,如果它们在文件头有/支持 “@format” 注释的话。
启用自动格式化带有
@format
和@prettier
标签的文件let g:prettier#autoformat = 1
允许自动格式化没有
@format
和@prettier
标签的文件let g:prettier#autoformat_require_pragma = 0
保存之前、更改文本或离开插入模式后运行 vim-prettier
let g:prettier#quickfix_enabled = 0 autocmd TextChanged,InsertLeave *.js,*.jsx,*.mjs,*.ts,*.tsx,*.css,*.less,*.scss,*.json,*.graphql,*.md,*.vue,*.yaml,*.html PrettierAsync
其它设置详见官网:Github地址
3.7 Whitespace
-
ntpeters/vim-better-whitespace
高亮显示行尾多余空白符。但是当前行在 insert 模式下不会高亮。
详见官网:Github地址