前端工程学习日记第18天－Emmet简易教学 - 快速上手包

资料来源：https://pjchender.blogspot.com/2016/07/emmet.html
短短几分钟，快速上手EMMET
EMMET是一个支援众多程序编辑器的外挂，支援的编辑器不只这里列的这些，有兴趣的话可以进一步到这个EMMET网站查询：http://emmet.io/download/
透过EMMET，最重要的是它可以让你不需要再死记HTML或CSS关键字，减少不必要的coding错误，加速整个网页开发的工作流程，另外还可以让你的小拇指获得适当的休息（打角括号<>时要常常按Shift），而且EMMET的写法和CSS选择器相似，学习上非常容易！
EMMET支援很多不同的编辑器，在这里我们以ATOM为例，如果你用的不是ATOM可以参考以下网址教学：
Bracket：https://www.youtube.com/watch?v=eCxfHvijCQk
Sublime Text：https://www.udemy.com/sublime-text-3/
Notepad++：https://teddysun.com/254.html
或到EMMET官网查看：http://emmet.io/download/
https://2.bp.blogspot.com/-

其实EMMET的核心还是在於最前面所提的逻辑概念和快速建立HTML架构，这些缩写主要是帮自己减少打字的时间和避免手误，如果真的记不起来，也不用硬背，常用的属性你可以到Cheat Sheet查找用法，不常用的就直接手打就好（反正也不常用）!
EMMET Cheat Sheet：http://docs.emmet.io/cheat-sheet/