sublime text 2 - 前端观察

LESS/SASS/Stylus开发工具汇总

less、sass、stylus已经火起来了，越来越多的人开始使用这三个工具了，而且貌似使用less的人比较多一些而我们也有很多相关的开发和调试工具可以让我们的开发流程更简单快捷一些 SublimeText 相信用Sublime Text 2作为主要编辑器的前端开发同学已经很多了，Sublime Text上面的相关插件也不少，这里无需多说，Ctrl+Shift+P –> install package可以搜索到相关的插件，不过，这里也简单的汇总下： Less Sublime Less build Sublime Less2css Less snippets Sublime text haml sass SASS-Build-SublimeText2 Stylus Emmet——集成了less、sass、scss等，使用Tab或者Ctrl+E即可。 Chrome 最新版的Chrome开发者工具已经可以支持Sass了，点击开发者工具右下角的的设置按钮，切换到Experiments Tab，即可开启：但是好期待也能够默认支持Less啊！！！当然也有很多第三方插件可以用： SASS Inspector

sublime text 2

zen coding更名为emmet，新加更多特性

zen coding好久没更新，然后前两天看到消息说，它改名为emmet了，好吧，我还是觉得zen coding好记好听〜〜更名之后，貌似emmet开始团队模式了，也新增了很多对html5和css3的支持，以及对移动终端常用标签的支持，具体这里不再详细列出，感兴趣的可以到官方去查询下。其实zencoding已经从google code迁移到github，更新后的github地址是：https://github.com/emmetio/emmet。嗯，更方便管理了，而且作者也提供了各种编辑器插件： Aptana/Eclipse (跨平台) — Emmet for Eclipse TextMate (Mac) — external download Coda 1.6 and 2.x (Mac) — external download Espresso (Mac) — external download Komodo Edit/IDE

css

Sublime Text 2的Less2Css插件介绍与安装

Sublime Text 2这个编辑器应该不用再介绍了，配合各种插件使用起来非常方便，今天要介绍的是一款Sublime Text 2的插件——Less2Css。这款插件的名字已经表明了它的作用——把less文件转换为css文件。 Less2Css插件特性 Less2Css插件的目前主要的功能包括：当保存less文件的时候自动生成同名的css文件；当保存less文件的时候提示编译错误信息；批量编译项目目录下的所有less文件为css文件。 Less2Css未来还会增加@imports功能支持，能够同时自动编译其他引用了此less文件的文件。安装Less2Css插件 Less2Css可以通过Sublime Text 2的包管理器（Package Control）来安装（强烈建议安装包管理器！安装方法很简单，可以参考前端观察的介绍或者官方文档）。安装完包管理器之后，需要重启Sublime Text 2。安装Less2Css的方法如下：按下Ctrl+Shift+P调出命令面板；输入install调出Install Package选项并回车；输入less2css，选中并安装。 Windows下的安装 Less2Css插件依赖lessc这个工具，在windows下可以下载或者用git cloneless.js-windows到本地目录。然后把目录地址加入到环境变量PATH的中，如D:\open\less.js-windows：

sublime text 2

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

中文原文：一些必不可少的sublime text 2插件整理自：Essential Sublime Text 2 Plugins and Extensions 请尊重版权，转载请注明来源，多谢！ Sublime Text 2是一个轻量、简洁、高效、跨平台的编辑器，方便的配色以及兼容vim快捷键等各种优点博得了很多前端开发人员的喜爱，当然也包括我，在看到小飞的介绍后，我就一直在用了。本文推荐一些好用的插件和扩展。 Sublime Text 2基本上是共享软件，免费版和收费版基本无区别，只是偶尔会弹框让你去购买，这个基本不影响使用。如果你不了解它，也可以看下小众软件的这篇详细介绍。安装Sublime Text 2插件的方法： 1.直接安装安装Sublime text 2插件很方便，可以直接下载安装包解压缩到Packages目录（菜单->preferences->packages）。 2.使用Package