现在的位置: 首页 > 综合 > 正文

Emmet 学习之路 – 1 工具安装

2018年04月14日 ⁄ 综合 ⁄ 共 521字 ⁄ 字号 评论关闭

导读:最近想好好的把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

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

抱歉!评论已关闭.