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进行快速编写了

vim插件(vim-emmet)安装步骤的更多相关文章

  1. vim插件ctags的安装和使用

    vim插件ctags的安装和使用 2013-11-19 20:47 17064人阅读 评论(0) 收藏 举报  分类: 开发工具(3)  linux编程(9)  c/c++编程(11)  版权声明:本 ...

  2. Vim插件YCM的安装

    YouCompleteMe(YCM)是一款非常好用的Vim插件,但是很多人安装的时候会出问题(尤其是涉及到C和C++的补全),我安装的时候也遇到了问题,现在解决了,给大家参考: Step1: 通过Vu ...

  3. 每日vim插件--vim中的文本对象及相关插件

    最近在个人博客上 http://foocoder.com  每天都会介绍一个vim插件,想起来园子也好久没更新了,也来更新一篇. 今天按读者留言的要求,介绍下文本对象.同时还会介绍我在用的几个文本相关 ...

  4. 【转】ubuntu 12.04 下 Vim 插件 YouCompleteMe 的安装

    原文网址:http://www.cnblogs.com/jostree/p/4137402.html 作者:jostree 转载请注明出处 http://www.cnblogs.com/jostree ...

  5. ubuntu 12.04 下 Vim 插件 YouCompleteMe 的安装

    作者:jostree 转载请注明出处 http://www.cnblogs.com/jostree/p/4137402.html 1.需要保证vim的版本大于7.3.584,否则的话需要更新vim 可 ...

  6. vim插件ctags的安装和使用【转】

    本文转载自:http://blog.csdn.net/g_brightboy/article/details/16830395 [ctags功能]: 为源码的变量/对象.结构体/类.函数/接口.宏等产 ...

  7. vim插件ctags的安装与使用

    LINUX系统下看程序或者编程序时,看到一个函数经常需要知道该函数的定义,这时ctags就派上用场了,其安装和使用方法如下: 安装方法: sudo apt-get install ctags (ubu ...

  8. Vim 插件管理及安装

    1.先将ubuntu1204的软件源进行更新.sudo apt-get update 2.再在终端中敲如下命令,让程序自动安装,根据网速的好坏安装时间有长有短. wget -qO- https://r ...

  9. Eclipse的vim插件viPlugin的安装

    1.viPlugin是什么?   viPlugin是一个eclipse 针对vi的插件,使用此插件可以让你在使用eclipse进行编码时使用几乎所有vi命令,可以极大的提高开发编码效率. 2.viPl ...

  10. a.vim 插件

    引用自  https://blog.csdn.net/zhangsming/article/details/42652695 vim插件之快速切换头(.h)/源(.c,.cpp,.cc)文件——a.v ...

随机推荐

  1. ChIP-seq | ATAC-seq | 数据分析流程

    思来想去,还是觉得ENCODE的流程靠谱,所以又花了快一周来调试,终于排除万难,跑成功了.[2019年12月08日] 以下是ATAC生成的结果目录: call-align call-call_peak ...

  2. zookeeper生产最广泛使用java客户端curator介绍及其它客户端比较

    关于zookeeper的原理解析,可以参见zookeeper核心原理详解,本文所述大多数实践基于对zookeeper原理的首先理解. Curator是Netflix公司开源的一个Zookeeper客户 ...

  3. Navicat 12.x for MySQL最新版安装破解教程(附安装包和注册机,全网独家可用

    title: "Navicat 12.x for MySQL最新版安装破解教程(附安装包和注册机,全网独家可用" categories: soft tags: soft autho ...

  4. windows7平台android studio新建Android项目,报错

    Failed to install the following Android SDK packages as some licences have not been accepted. platfo ...

  5. html5统计数据上报API:SendBeacon

    公司为了精准的了解自己产品的用户使用情况,通常会对用户数据进行统计分析,获取pv.uv.页面留存率.访问设备等信息.与之相关的就是客户端的数据采集,然后上报的服务端.为了保证数据的准确性,就需要保证数 ...

  6. Airflow使用指南

    1.只执行单个任务 将downstream和recursive按钮的点击状态取消,然后点击clear,最后点击run

  7. python对不同类型文件(doc,txt,pdf)的字符查找

    python对不同类型文件的字符查找 TXT文件: def txt_handler(self, f_name, find_str): """ 处理txt文件 :param ...

  8. Tensorflow不同版本要求与CUDA及CUDNN版本对应关系

    参考官网地址: Windows端:https://tensorflow.google.cn/install/source_windows CPUVersion Python version Compi ...

  9. [UE4] Adding a custom shading model

    转自:https://blog.felixkate.net/2016/05/22/adding-a-custom-shading-model-1/ This was written in Februa ...

  10. 【C/C++开发】模板类

    1.模板的概念 我们已经学过重载(Overloading),对重载函数而言,C++的检查机制能通过函数参数的不同及所属类的不同.正确的调用重载函数.例如,为求两个数的最大值,我们定义MAX()函数需要 ...