[笔记] Emmet 网络开发必备简码 加速你的开发流程

章节连结

Emmet 是网络开发者 (尤其是前端人员) 必备的外挂套件之一。它可以节省你大幅度重复撰写同样或是类似程式码的时间。另外搭配上 TabNine 来补足你在日常开发自行常打的文字、标签,长期下来,你会觉得现代的工程师也可以工作的很聪明。
git javascript


Emmet 安装

如果你是 Visual Studio 的使用者,那么当你安装完成的那一刻,就已经是内建的一部分,你可以直接开始使用。若你是使用 Sublime, Atom … 等的使用者,你可以看官方网站统整的安装说明页面

Emmet 线上试用

你可以进入像是 JSBin, Codepen 等平台,直接建立一个新专案,就可以直接体验它的威力。(线上编译器多半已经内建 Emmet 指令,不需另外设定)

Emmet 对于网络开发者的好处

以下列举一些自己常用的操作习惯:

你也可以运用 CSS 常用的 “>” 技巧,来产生 HTML 的巢状结构。


Emmet 记不住?

你可以先试着用每个英文单字的第一个字母去猜猜看,多半有机会猜对,像是 mb === margin:bottom:”。当然,Emmet 也是有提供作弊码(Cheat Sheet) 来让你查询的,详请可以点这边

coding emmet

按赞加入粉丝团

延伸阅读