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. MyBatis(十一):Mybatis 动态SQL语句完成多条件查询

    之前文章中对in的用法做过讲解:<MyBatis(四):mybatis中使用in查询时的注意事项> 实际上对于多个参数的用法也是这是注意的: 多参&if判空&List集合判 ...

  2. eclipse中maven依赖的jar源码中文注释乱码解决

    通过maven下载源代码,在eclipse中浏览源代码时,发现中文注释为乱码的问题. eclipse默认编码造成的问题.可以通过以下方法解决: 1.修改Eclipse中文本文件的默认编码:window ...

  3. Invalid bound statement (not found) 终极解决办法

    网上已经有很多文章说明可能导致这个报错的原因,无非是以下几种:1.检查xml文件的namespace是否正确 2.Mapper.java的方法在Mapper.xml中没有,然后执行Mapper的方法会 ...

  4. 源码方式安装 lrzsz 库

    我们都知道安装了lrzsz工具的linux系统环境: 在shell里可以非常方便的上传和下载linux里面的文件: 通常的安装方式: yum install lrzsz sudo apt-get in ...

  5. SELECT DISTINCT ON expressions must match initial ORDER BY expressions

    开发说pg中执行sql报错,发来消息让帮看看: SELECT DISTINCT ON expressions must match initial ORDER BY expressions 详细语句如 ...

  6. ES6----拓展运算符 三个点【...】

    [...]拓展运算符是什么? es6中引入扩展运算符(...),它用于把一个数组转化为用逗号分隔的参数序列,它常用在不定参数个数时的函数调用,数组合并等情形.因为typeScript是es6的超集,所 ...

  7. apache httpd 从2.2升级到2.4的过程及中间遇到的坑

    背景描述: 最近集团在做安全扫描,扫出了http的漏洞,一看是监控nagios涉及到的httpd,于是就考虑将httpd升级到最新的版本,在升级的过程中,真是遇到了很多的坑,弄了2天终于搞定了,现在梳 ...

  8. ECharts饼图自定义

    [本文出自天外归云的博客园] 实现: 1.饼块可点击(点击饼块跳转到百度) 2.饼块自定义标签显示(显示个数.占比) 3.自定义标签连接线样式(虚线) 前端php代码如下: <!DOCTYPE ...

  9. 深入理解Python变量与常量

    深入理解Python变量与常量 变量是计算机内存中的一块区域,变量可以存储规定范围内的值,而且值可以改变.基于变量的数据类型,解释器会分配指定内存,并决定什么数据可以被存储在内存中.常量是一块只读的内 ...

  10. react一些问题

    一.死循环 1.问题描述 function handleClick() { this.setState({count: ++this.state.count}); console.log(" ...