超强JavaScript编辑器WebStorm上安装zenCoding

本文介绍如何在WebStorm中安装ZEN Coding插件,包括下载对应版本的Zen HTML、Zen CSS及Zen Coding插件,并将它们放置到指定配置目录的方法。安装完成后,可通过设置中的Live Templates查看并启用。

给力的webStorm上缺少zencoding支持,那可真是编码不知码味,吃饭没有盐味,泡妞没有香味,人生没有趣味。

先下载zencoding for IntelliJ.IDEA

address:

http://code.google.com/p/zen-coding/downloads/list

WebIDE and IntelliJ IDEA Zen CSS 1.0 Sep 2009 7.3 KB 820 star_off.gif WebIDE.Zen.CSS.1.0.zip  
WebIDE and IntelliJ IDEA Zen HTML 1.0 Sep 2009 4.7 KB 917 star_off.gif WebIDE.Zen.HTML.1.0.zip  
WebIDE and IntelliJ IDEA Zen Coding 1.0   Featured

下载三个后解压。

然后找到以下目录:

C:\Documents and Settings\username\.WebIde10\config\templates (xp 系统 webStorm目录)

IntelliJIdea90\config\templates  (IntelliJ 目录)

把解压后文件拷贝进去。

重启webStorm,然后ctlr + alt + s中找live templates中就可以看到zencoding 、zen css、zen HTML,这说明已经安装成功。

然后有人会问,这个触发扩展的快捷键是哪一个呢?

webStorm只提供三个 space tab and enter,这个可以自己选。

在live templates的最下方,如果是宽屏的话,要仔细看哦~!!双击规则也可以看到。

by default expand with space tab and enter

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值