工具/原料
phpstorm/notepad+/emmet
如何安装emmet插件
2
百度搜索流风清音notepad+，里面集成了非常多的插件，其中就包括了emmet神器。无故删我原创，无故删我原创，请清空我的经验，我需要全部删除经验，退出百度经验
前端开挂之旅--标签缩写
前端登颠之旅--标签组合
2
按照规范地输入是table>tr.row>td.col，这里我们省略了tr、td。.输入 ul+生成代码：
.输入 tr+生成代码： .输入 select+生成代码：
标签唯一性缩写技巧。em、ul、table这样的标签里面对应的标签都是固定的，这样里面的标签可以省略掉。.比如输入 em>.class生成代码：按照规范地输入是em>span.class，这里我们省略了span。.输入 ul>.nav生成代码：
注意事项
1
安装之前，我先说下兴趣才是学习最好的老师和动力，首先去尝试自己手写一页代码，然后再来感受emmet的神奇和带来效率提升的成就感。
2
鼠标指针在指令最后一个字符的后面按快捷键才能生成代码，在中间或后面有空格都无法生成代码。
3
notepad+需要设置emmet快捷键才能使用,不然会和其他插件按键冲突而无法应用。
下一篇：封装系统的注意事项