文档章节

emacs 前端插件推荐[emmet-mode]

quanwei9958
 quanwei9958
发布于 2016/06/22 12:40
字数 278
阅读 330
收藏 1

安装篇

在vim下使用emmet极大地提高了开发效率,安利下emacs下的emmet-mode

emmet-mode自带的pacakge.el就有安装,直接体验的同学可以直接下行安装

  `M-x` `package-install` `emmet-mode`

也可以在配置文件中加入(需重启一次emacs)

    (setq package-archives '(("elpa" . "http://tromey.com/elpa/")
                         ("gnu" . "http://elpa.gnu.org/packages/")
                         ("marmalade" . "http://marmalade-repo.org/packages/")
                         ("melpa" . "http://melpa.org/packages/")
                         ))


    (unless (package-install-p "emmet-mode") (package-install "emmet-mode"))

装上emmet,下面添加到我们的 js/jsx/html 以jsx为例

 (add-to-list 'auto-mode-alist '("\\.jsx$" . 'emmet-mode))

也可以作为hook的方式加入到主模式中(推荐一下web-mode,支持js/php/jsx(react)...几乎所有web开发语言)

 (add-to-list 'auto-mode-alist '("\\.jsx$" . 'web-mode))
 (add-hook 'web-mode-hook 'emmet-mode)

使用篇

emmet-mode 默认触发键为C-j

语法等同于css选择器语法, 如下图所示,按下触发键后有个实时显示补齐后的效果

输入图片说明

按下回车后

输入图片说明

这样的好处就是极大地提高了些html时的效率,不用换行,不用考虑标签闭合、排版问题,全部都写在一行里,写完后直接生成html。

输入图片说明

© 著作权归作者所有

共有 人打赏支持
上一篇: codeceptjs
下一篇: mac 安装 pebble sdk
quanwei9958

quanwei9958

粉丝 29
博文 79
码字总数 36250
作品 0
程序员
私信 提问
打造你的炒鸡IDE 之爽爆の atom

用过很多编辑器,也特别喜欢搞些个性化配置。主要是感官要求较高。所以,想要配成自己想要的UI风格,UI颜色,代码颜色,代码格式,窗口布置,快捷键是需要常常鼓捣。 初认识Atom是因为网上流...

语博兄
2016/08/17
75
0
emacs React/JSX 开发配置

开始一些简单的配置,不需要的可以跳过 # helm helm 的配置是最基础的增强emacs插件之一,pretty nice的界面以及Lazy match ## helm ### 安装 如果自己配置了管理插件的管理器可以在你的配置...

quanwei9958
2016/09/18
100
0
【面向前端开发者】推荐一下Adobe出的开源代码编辑器Brackets

自己偶尔做做前端开发,断断续续搞了十多年吧,技术不精只会一些大路货,写代码的工具从DW开始,先后换过apatina、vim、emacs、sublimetext2等等,但是就前端开发来说,都有一些不太爽的地方...

jun4rui
2014/05/06
2.4K
6
打造前端 Deepin Linux 工作环境——安装配置 atom 编辑器

打造前端 Deepin Linux 工作环境——安装配置 atom 编辑器 好,我个人推荐大家使用 编辑器,第一是免费,第二是好看,第三是好用。 安装 atom 编辑器 我们输入 查看安装包的名字 好,我们确定...

FungLeo
2017/11/03
0
0
Emacs 显示行数

Emacs需要第三方插件显示行号 1 下载 linum.el 2 复制 linum.el 到“/usr/share/emacs/site-lisp/”或者其他 load-path路径下 3 配置 linum.el 到 ~/.emacs(自动创建 .emacs:启动emacs,用...

长平狐
2013/01/06
414
0

没有更多内容

加载失败,请刷新页面

加载更多

深度学习中的注意力机制

最近两年,注意力模型(Attention Model)被广泛使用在自然语言处理、图像识别及语音识别等各种不同类型的深度学习任务中,是深度学习技术中最值得关注与深入了解的核心技术之一。 本文以机器...

火力全開
3分钟前
0
0
去除文件中

最近生成的文件中出现了<feff>乱码,而且单个文件中出现不止一次,在vim中打该文件显示<feff>,而在idea中则显示一个“-”,对数据处理造成了极大的困扰,通过使用其它编辑器打开发现,Windo...

休辞醉倒
5分钟前
0
0
想搞懂大数据就看这篇文章就够了!

互联网时代的到来,各种专业词汇术语充斥着我们的大脑,大数据,人工智能更是当下时代的热点潮流,很多传统企业都徘徊穿梭于这个潮流当中,传统广告的褪去,移动互联网时代的大数据精准整合营...

董黎明
7分钟前
1
0
go module 初体验

尽管官方的go module比较好用,但由于很多库下载不了,所以需要用到以下配置 export PATH=/mnt/d/download/go/bin/:$PATH export GOPATH=/home/fish/dipamkara/ #export GOPATH=/mnt/d/work...

LoveCupid
10分钟前
1
0
【小白学游戏常用算法】二、A*启发式搜索算法

  在上一篇博客中,我们一起学习了随机迷宫算法,在本篇博客中,我们将一起了解一下寻路算法中常用的A*算法。   通常情况下,迷宫寻路算法可以使用深度优先或者广度优先算法,但是由于效...

hejunbinlan
14分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部