Sublime Text 2 编辑器中的 Zen Coding 插件 for Windows

images

首先来说明一下Sublime Text2编辑器,这个编辑器的作用和其他文本编辑器的作用基本相同,属于比较轻量级编辑器。至少在使用上觉得还是打开比较快的,界面上比较友好,主题颜色可以根据个人喜好来更换。
这个编辑器的主要特点:

  1. 跨平台,纯英文界面
  2. 自定义界面和布局
  3. Package扩展功能
  4. 快捷键以及快捷键自定义
  5. 支持多种文本文件格式,暂不支持GBK文件格式
  6. 目前该软件是可以免费使用的,只是第一次保存文件的时候有购买提示(取消就好),购买需要59美金。
    我个人用这个软件的理由,无非就是能扩展插件Zen Coding。
    这个插件最主要功能是能够使用css语法去生成HTML代码。
    div.header>h2.page_title
    
    可以生成为
    <div class="header">
    <h2 class="page_title"></h2>
    </div>
    

#

安装package control组件

  1. 按Ctrl+`调出console()

  2. 粘贴以下代码到底部命令行并回车:

    import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()) 
    
  3. 重启Sublime Text 2。
    如果在Perferences->package settings中看到package control这一项,则安装成功。
    手动下载 package control 115下载

该插件的安装方法是使用”Package:install package”命令来安装zen Coding的。
步骤如下:

  1. “shift+ctrl+p”就可以看到对话框
  2. 再输入”package control:install package”回车
  3. 等待再次出现对话框的时候就输入zen Coding+回车 就行了
  4. 等待状态栏出现安装成功(当然是英文的)提示之后,重新启动编辑器就生效了
  5. 使用的时候要注意:先打开一个html的文件,然后”ctrl+alt+Enter”在状态栏上面会出现输入框,现在就可以输入那些简短的代码来完成html的书写了。

以下给出编辑器的安装包
Sublime-Text-2-Build-2181-Setup 115下载

Dreamweaver扩展下载
Zen.Coding-Dreamweaver
注:安装扩展需要Adobe Extension Manager,安装完成后,可以在主菜单的“命令”下面找到”Zen Coding”菜单。

一些必不可少的Sublime Text 2插件

zen Coding CSS对照表

zen Coding html对照表

Zen Coding: 一种快速编写HTML/CSS代码的方法

Sublime Text 2 入门及技巧
最后把几篇相关文章列出,需要的可以去查看。