vim插件(vim-emmet)安装步骤

时间:2022-07-22 23:05:27

vim安装插件  vim-emmet
vim-emmet网址  https://www.vim.org/scripts/script.php?script_id=2981
pathogen.vim网址  https://www.vim.org/scripts/script.php?script_id=2332
github网址  http://github.com/mattn/emmet-vim
1)去home目录下,并查看home目录下是否有.vim目录和.vimrc文件,如果没有,则新建,执行以下命令:

cd ~/.vim
touch .vimrc

2)安装pathogen.vim,执行以下命令
pathogen是安装其他包的工具
创建目录:

mkdir -p ~/.vim/autoload ~/.vim/bundle

安装pathogen:

curl -LSso ~/.vim/autoload/pathogen.vim https://tpo.pe/pathogen.vim

curl是软件安装的一种方式
            
3)安装git

sudo apt-get install git

使用以下命令测试git是否安装成功

git --version

4) 使用pathogen.vim和git安装vim-emmet
第一种方案:
1.进入.vim的bundle目录

cd ~/.vim/bundle

2.下载插件

 git clone https://github.com/mattn/emmet-vim.git

3.使用
编辑.vimrc

vim ~/.vimrc

在最上方添加一下内容
        execute pathogen#infect()
默认的触发键是ctrl+y+,
在~/.vimrc修改Emmet扩展键,更改触发键为Ctrl+e
在最末尾添加以下内容:
   let g:user_emmet_expandabbr_key = '<C-e>'
就可以在html使用Ctrl+e进行快速编写了
                
 第二种方案
1.在~/.vim手动创建plugin目录,这是将来存放插件的目录
 第一步:

cd ~/.vim

第二步:

mkdir plugin

2.进入.vim的bundle目录

cd ~/.vim/bundle

3.下载插件

 git clone https://github.com/mattn/emmet-vim.git

4.进入下载好的目录

cd emmet-vim

5.将下载好插件部分内容复制到vim的插件目录和自动加载目录
第一步:

cp ~/.vim/bundle/emmet-vim/plugin/emmet.vim ~/.vim/plugin/

第二步:

cp ~/.vim/bundle/emmet-vim/autoload/emmet.vim ~/.vim/autoload/

第三步:

cp -a ~/.vim/bundle/emmet-vim/autoload/emmet ~/.vim/autoload/

6.使用
vim基础配置【在~/.vimrc文件中编辑】
在每行前面显示文本行数:
    set nu  
设置tab键缩进间距为两个英文字母长度
    set tabstop = 2
                    
插件快速补全代码默认的触发键是ctrl+y+,
在~/.vimrc修改Emmet扩展键,更改触发键为Ctrl+e

 vim ~/.vimrc

在最上方添加一下内容
    execute pathogen#infect()
在最末尾添加以下内容:【设置使用ctrl+e 键来快速构建代码】
    let g:user_emmet_expandabbr_key = '<C-e>'
在里面添加一行内容【设置一对标签换行后缩进对齐】
    set autoindent
就可以在html使用Ctrl+e进行快速编写了