vim插件(vim-emmet)安装步骤
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)安装步骤的更多相关文章
- vim插件ctags的安装和使用
vim插件ctags的安装和使用 2013-11-19 20:47 17064人阅读 评论(0) 收藏 举报 分类: 开发工具(3) linux编程(9) c/c++编程(11) 版权声明:本 ...
- Vim插件YCM的安装
YouCompleteMe(YCM)是一款非常好用的Vim插件,但是很多人安装的时候会出问题(尤其是涉及到C和C++的补全),我安装的时候也遇到了问题,现在解决了,给大家参考: Step1: 通过Vu ...
- 每日vim插件--vim中的文本对象及相关插件
最近在个人博客上 http://foocoder.com 每天都会介绍一个vim插件,想起来园子也好久没更新了,也来更新一篇. 今天按读者留言的要求,介绍下文本对象.同时还会介绍我在用的几个文本相关 ...
- 【转】ubuntu 12.04 下 Vim 插件 YouCompleteMe 的安装
原文网址:http://www.cnblogs.com/jostree/p/4137402.html 作者:jostree 转载请注明出处 http://www.cnblogs.com/jostree ...
- ubuntu 12.04 下 Vim 插件 YouCompleteMe 的安装
作者:jostree 转载请注明出处 http://www.cnblogs.com/jostree/p/4137402.html 1.需要保证vim的版本大于7.3.584,否则的话需要更新vim 可 ...
- vim插件ctags的安装和使用【转】
本文转载自:http://blog.csdn.net/g_brightboy/article/details/16830395 [ctags功能]: 为源码的变量/对象.结构体/类.函数/接口.宏等产 ...
- vim插件ctags的安装与使用
LINUX系统下看程序或者编程序时,看到一个函数经常需要知道该函数的定义,这时ctags就派上用场了,其安装和使用方法如下: 安装方法: sudo apt-get install ctags (ubu ...
- Vim 插件管理及安装
1.先将ubuntu1204的软件源进行更新.sudo apt-get update 2.再在终端中敲如下命令,让程序自动安装,根据网速的好坏安装时间有长有短. wget -qO- https://r ...
- Eclipse的vim插件viPlugin的安装
1.viPlugin是什么? viPlugin是一个eclipse 针对vi的插件,使用此插件可以让你在使用eclipse进行编码时使用几乎所有vi命令,可以极大的提高开发编码效率. 2.viPl ...
- a.vim 插件
引用自 https://blog.csdn.net/zhangsming/article/details/42652695 vim插件之快速切换头(.h)/源(.c,.cpp,.cc)文件——a.v ...
随机推荐
- vi编辑器操作 快捷键
vi编辑器操作 快捷键 1. 命令模式 与 编辑模式切换 a:光标向后移动一位进入编辑模式 i:光标和内容 没有变化进入编辑模式 o:新起一行进入编辑模式 s:删除光标所在字符进入编辑模式 ...
- 【phpstudy2016】apache配置Tp5.0,获取表单数据总是多了一个路由变量,解决
1.用的apahce配置tp5.0的php环境 2.发现input()过来的数据,总是多了一个变量,那就是路由变量, 类似[array(2) { ["/index/index/form_su ...
- vmware vsphere各版本差别,及各套件差别
最近要开始全面支持虚拟化了,客户私有云环境用的多的为vmware vsphere,特地恶补下vmware vsphere的各个差别. 首先是vSphere,ESXi和vCenter 的区别. ESXi ...
- [转]js判断数据类型的四种方法
原文地址:https://www.cnblogs.com/crackedlove/p/10331317.html 1.typeof typeof是一个操作符,其右侧跟一个一元表达式,并返回这个表达式的 ...
- anaconda 安装指定源的包
当前知道的有两种方式可以查找: 1.conda search 命令:conda search pkg_name 安装的时候直接:conda install cudatoolkit=版本后 conda ...
- 案例:执行 JavaScript 语句
隐藏百度图片 # coding=utf-8 from selenium import webdriver driver = webdriver.PhantomJS(executable_path=r' ...
- 【iCore4 双核心板_FPGA】实验二十:NIOS II之UART串口通信实验
实验指导书及源代码下载地址: 链接:https://pan.baidu.com/s/1g_tWYYJxh4EgiGvlfkVu1Q 提取码:dwwa 复制这段内容后打开百度网盘手机App,操作更方便哦 ...
- [整理]如何撤销远程的git提交?
确保你在你想要撤销的分支上. 第一步,本地使用 get reset --hard ,切换到特定的commit. 第二部,使用 --force推送到远程分支. git reset --hard cedc ...
- OpenShift 4.2 添加RHEL节点
OpenShift 4.2版本下如何加入RHEL 7.6的节点. 部署架构图 1.worker3所在的物理机 建立一个helper-woker03.cfg文件用于节点虚机的建立和启动,注意namese ...
- PowerShell学习笔记
1,ps7官方文档 2,使用脚本生成帮助文档 function Add-Node { param ( $selectedNode, $name, $tag ) $newNode = new-objec ...