Emmet 学习之路 - 1 工具安装

来源:互联网 发布:matlab 网络仿真 编辑:程序博客网 时间:2024/05/29 06:33

导读:最近想好好的把zen-coding学习一把,搜索一发现,原来,已经单立项目了呀。新名字,Emmet。

详细:

环境    Windows7

编辑器    NotePad++6.2.3

1. 安装NotePad++

这个就不说啦。到官网下载最新版本,安装好(这里指默认安装)。

接下来就是编辑器的基本配置了>>

好吧,先分享一个字体( 下载字体 YaHei.Consolas.ttf) => 中文雅黑,英文Consolas等宽。

安装好后,重启NotePad++。

如图,偏好设置,这个就不说啦,每个人都有每个人的习惯。

NotePad++偏好设置





主要说下“样式配置”:

notepad++样式配置
















选择配置后,PHP代码预览效果图中所示。

关于快捷键的配置,如果你还跟我一样,项目中用SVN的话,就可以设置:

Alt+O 上传,

Alt+U 更新,

Alt+L 日志。

2. 安装Emmet。

到 http://docs.emmet.io 下载最新的notepad++插件。或者 直接点击下载 。

下载完成后,将zip文件夹内的所有内容解压至 %/notepad++/plugins/ 目录。默认是 C:\Program Files\Notepad++\plugins 。

重启notepad++。如下图:

安装完Emmet








其他的,就不说啦。到此,工具就可以说是基本搞定了。

原创粉丝点击