vim 安装Emmet插件

最新推荐文章于 2024-08-10 08:13:56 发布
最新推荐文章于 2024-08-10 08:13:56 发布
阅读量8.5k 收藏 2
点赞数
分类专栏： C/C++ 文章标签： vim
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fansongy/article/details/43154305
版权
width="150" height="210" frameborder="0" scrolling="no" src="http://widget.weibo.com/relationship/bulkfollow.php?language=zh_cn&uids=2080045857&wide=1&color=FFFFFF,FFFFFF,0082CB,666666&showtitle=0&showinfo=1&sense=0&verified=1&count=1&refer=http%3A%2F%2Fwww.himigame.com%2Fandroid-game%2F1521.html&dpc=1" style="font-size: 14px; font-weight: bold; border-width: 0px; margin: 0px; padding: 0px; font-family: arial, helvetica, clean, sans-serif; line-height: 16px;">






Why html

最近说好的要学做移动App，想来想去，还是先从基础搞起，先把失散多年的html捡捡。虽然我会原生语言，不过用惯了跨平台的东西：



想来想去，既然是应用，效率应该还成，html应该够用了。跨得一手好平台。作为vim党，我找到了个插件，看着还不错。

what's Emmet

Emmet是vi的一个插件，它可以让我等更方便的编辑html。你能在 这里 找到它的最新信息。

安装

下载项目解压缩。找到文件中的plugin和autoload将它复制到

~/.vim/.

重启终端就成了。

测试

创建一个文件，用vi打开，输入：

html:5

注意要将光标至于最后的位置，我觉得它的原理是，检测从行首到光标位置的表达式，因此如果你光标在其他位置，表达式就不完整了。

接下来就是见证奇迹的时刻，在输入模式下，按下ctrl+y然后按下"，"。就会自动生成如下代码：

<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    _
</body>
</html>

看起来好酸爽。

More

当然它还有更多的用法。自动生成格式文本、图片啥的，你可以参考 官方的文档 英文比较简单，我就不人肉翻译了 ; )


松阳
关注
专栏目录
Linux环境整合vim的emmet
08-07
把压缩包解压到 ~/.vimrc里即可食用。具体教程见压缩包内。
vim中Emmet插件
02-19
在Vim中安装Emmet插件，一般可以通过Vundle、Pathogen或NeoBundle等插件管理器实现。以Vundle为例，你需要在`.vimrc`文件中添加以下行： ```vim Plugin 'emmetio/vim-emmet' ``` 然后在Vim中执行`:PluginInstall`...
vim 配置 emmet
otatoz
08-21 661
安装Pathogen、git、emmet 1.安装Pathogen 1.进入用户主目录 $ cd ~ 2.新建 ~/.vim文件 $ mkdir ~/.vim 3.新建 .vimrc文件 $ touch .vimrc 4. 输入命令行 $ mkdir -p ~/.vim/autoload ~/.vim/bundle && \ 会出现一个右箭...
Emmet-Vim 使用教程
最新发布
gitblog_00793的博客
08-10 320
Emmet-Vim 使用教程 emmet-vimemmet for vim: http://emmet.io/项目地址:https://gitcode.com/gh_mirrors/em/emmet-vim 项目介绍 Emmet-Vim 是一个 Vim 插件，提供了类似于 Emmet 的缩写扩展功能，极大地提高了 HTML 和 CSS 的编码速度。Emmet 最初被称为 Zen Coding，是...
linux vim emmet,vim插件--emmet-vim
weixin_31865183的博客
05-13 245
写html页面,使用插件是免不了的,纯手写html的感觉谁写谁知道 : ) .这里有一个非常好用的vim插件:emmet-vim推荐使用pathogen.vim安装:简易说明:新建一个html文件后,输入html:5,然后按control+y,再按,即可生成:```---#####基本规则:1. E 代表HTML标签2. E#id 代表标签E有id属性3. E.class 代表E有class属性4...
vim emmet插件
Claroja
01-05 763
``` c-y>, 展开简写式 c-y>d Balance a Tag Inward(选中包围的标签?) c-y>D Balance a Tag Outward c-y>n 进入下个编辑点 c-y>N 进入上个编辑点 c-y>i 更新img>图像尺寸 c-y>m 合并文本行 c-y>k 删除标签 c-y>j 分解/展开空标签 c-y>/
linux vim emmet,vim插件emmet-vim | 木凡博客
weixin_35749786的博客
05-13 214
Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具。基本上，大多数的文本编辑器都会允许你存储和重用一些代码块，我们称之为“片段”。虽然片段能很好地推动你得生产力，但大多数的实现都有这样一个缺点：你必须先定义你得代码片段，并且不能再运行时进行拓展。Emmet把片段这个概念提高到了一个新的层次：你可以设置CSS形式的能够动态被解析的表达式，然后根据你所输入的缩写来得...
emmet-vim插件
10-19
通常，只需添加一行`Plug 'mattn/emmet-vim'`（如果你使用Vim插件管理器如Vundle或NeoBundle），然后执行插件安装命令即可。 总的来说，Emmet-Vim插件是Vim用户提升HTML和CSS编写效率的利器，它不仅提供了高效的...
coc-emmet：coc.nvim的Emmet扩展
02-01
在您的vim / neovim中，运行命令： :CocInstall coc - emmet 选件 emmet.showExpandedAbbreviation ：将扩展的Emmet缩写显示为建议，默认为true 。 emmet.showAbbreviationSuggestions ：显示可能的Emmet缩写作为...
emmet-show.vim:显示emmet在vim中的展开
05-24
在安装 emmet-show.vim 插件后，用户通常需要配置 Vimrc 文件来启用它。这可能包括将插件添加到已加载的插件列表中，设置快捷键以触发预览功能，以及根据个人喜好调整其他设置。例如： ```vim " 加载插件 Plug '...
linux vim emmet,vim（二）插件emmet.vim的安装配置
weixin_29146313的博客
05-13 224
简介：喜欢vim编辑的我们，繁多的插件使vim功能更加强大，对于前端开发者来说emmet.vim是一个很常用，很好用的插件，其安装简单配置方便，功能强大。emmet.vim安装下载emmet-vim.zip文件安如下操作，如需bundle安装请看vundle安装配置# cd ~/.vim/bundle# unzip /path/to/emmet-vim.zip通过个git仓库# cd ~/.vi...
vim插件(vim-emmet)安装步骤
diegui9561的博客
07-04 913
vim安装插件 vim-emmetvim-emmet网址 https://www.vim.org/scripts/script.php?script_id=2981pathogen.vim网址 https://www.vim.org/scripts/script.php?script_id=2332github网址 http://github.com/mattn/emmet-vi...
Gvim+Emmet.vim 那些事。
weixin_30729609的博客
01-12 216
转自:http://www.jianshu.com/p/67fa1e2114c5 背景 HTML和CSS的写法相对固定，而且重复的工作特别多，特别是尖括号实在是很烦。使用Emmet至少能帮你节省一半的前期开发工作量，所以花点时间学习Emmet是很值得的。Emmet不是编程语言，而只是编辑器的插件，也可以自定义规则。 安装 Emmet支持多种编辑器，参见列表。由于我使用vim，这里只介绍vi...
linux vim emmet,emmet-vim
weixin_35762250的博客
05-13 179
最近啊，我投奔了网页的开发，看了一本《head first HTML and CSS》的书，感觉非常不错，然后又配置了一些vim里面用到的插件，现在我把学习到的东西记录下来！首先，我不会在这里写emmet 的具体操作方法，你可以去官方自己看教程，如果英语不好的话，那么看这个朋友的博文，他把用到的教程都翻译成了中文http://www.cnblogs.com/matchless/tag/emmet/...
Vim html自动填充 emmet
ass673556617的专栏
12-28 411
http://blog.csdn.net/hpu_zyh/article/details/48069159 自动填充 用法control + y 再加上, （逗号）  三个键组合，用法跟在vscode里类似
linux vim emmet,前端开发神器Emmet.vim使用笔记
weixin_36325338的博客
05-13 186
Emmet.vim的安装请看：http://www.cnblogs.com/yunie-akira/p/3554065.htmlEmmet.vim简介Emmet,原来叫Zen Coding，由Sergey Chikuyonok开发，是快速开发HTML和CSS的编辑器插件。支持 Sublime Text、Notepad++、Eclipse等等。官方的Emmet并不支持vim，Emmet.vim是Ya...
"低调奢华有内涵"的Vim 7.4 配置(Vundle+Emmet+NerdTree等等)
wcc526的专栏
09-27 7437
史上最强的最新Vim 7.4 酷炫配置,程序员必看
提高效率 Emmet.vim
Hanks软件库
08-29 3293
提高效率 Emmet.vim 转载请注明出处 : http://blog.csdn.net/hpu_zyh/article/details/48069159 博客主页 | 简书 | 知乎 | 微博 | github Emmet — the essential toolkit for web-developers Emmet配上强大的Vim, 简直不能再美了
Vim前端开发神器--Emmet（html编辑插件）
lovewebeye的专栏
04-16 8195
安装步骤1.下载　　git clone https://github.com/boydos/emmet-vim.git2.配置　　cd emmet-vim　　cp plugin/emmet.vim ~/.vim/plugin/　　cp autoload/emmet.vim ~/.vim/autoload/　　cp -a autoload/emmet ~/.vim/autoload/3.重启终端4....
vim 安装tabular插件
05-28
可以使用vim插件管理器Vundle来安装Tabular插件，步骤如下： 1. 安装Vundle插件管理器，可以参考Vundle的官方文档进行安装。 2. 在vim配置文件（~/.vimrc）中添加以下代码： ``` Plugin 'godlygeek/tabular' ``` 3. 在vim中运行以下命令安装插件： ``` :PluginInstall ``` 4. 安装完成后，在vim中可以使用Tabular插件了。 如果不想使用Vundle，也可以手动安装Tabular插件，步骤如下： 1. 下载Tabular插件的源代码，并将其解压缩到vim的插件目录（通常是~/.vim/plugin/）下。 2. 如果想使用Tabular的快捷键（如:Tabularize），还需要在vim配置文件中添加以下设置： ``` map <Leader>a :Tabularize / ``` 其中，<Leader>表示用户自定义的前缀键（默认是\键），可以根据需要进行修改。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值