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. [转]import xxx from 和 import {xxx} from的区别

    原文地址:https://www.cnblogs.com/Abner5/p/7256043.html 1.vue import FunName from ‘../xxx’ 1.js export de ...

  2. xgboost 算法总结

    xgboost有一篇博客写的很清楚,但是现在网址已经失效了,之前转载过,可以搜索XGBoost 与 Boosted Tree. 现在参照这篇,自己对它进行一个总结. xgboost是GBDT的后继算法 ...

  3. Redis 启动 Please see the documentation included with the binary distributions for more details on the --maxheap flag.

    启动redis的时候,出现 主要就是说 没有足够的可用的空间,可以使用maxheap减少redis堆的大小.或者重启系统对系统分页文件进行碎片整理. 解决方法就是在启动的时候加个  --maxheap ...

  4. GOROOT、GOPATH、GOBIN、project目录 _(转)

    前言:我觉得java程序员学golang很容易上手.关于GOROOT.GOPATH.GOBIN这些环境变量的设置,我隐约感觉到了java的影子(尽管我是一个C++程序员),唯一和java不同的是不能设 ...

  5. mysql删除唯一索引

    在项目中用spring data jpa指定了一个唯一索引: @Entity @Table(name = "t_product") @Getter @Setter @AllArgs ...

  6. 升级到11.2.0.4后用srvctl无法启用数据库实例,报CRS-0254: authorization failure

    在standby database上从11.2.0.3升级11.2.0.4,然后打了补丁PATCH SET UPDATE 11.2.0.4.190115后,无法用srvctl启动第二个节点数据库实例: ...

  7. EasyNVR摄像机网页无插件直播方案H5前端构建之:如何播放HLS(m3u8)直播流

    背景描述 HLS (HTTP Live Streaming)是Apple的动态码率自适应技术,主要用于PC和Apple终端的音视频服务,包括一个m3u(8)的索引文件,TS媒体分片文件和key加密串文 ...

  8. svg轻松实现文字水印

    1. 水印图片生成采用svg,这样可以运行时生成名字或其他信息的图片 svg模板 <svg xmlns="http://www.w3.org/2000/svg" xmlns: ...

  9. 【tensorflow-v2.0】如何查看模型的输入输出流的属性

    操作过程: 1. 查看mobilenet的variables loaded = tf.saved_model.load('mobilenet') print('MobileNet has {} tra ...

  10. logback不同业务的日志打印到不同文件

    logback不同业务的日志打印到不同文件    版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/mggwct/article/details/777 ...