首页

关于

Web开发人员的必备工具 - Emmet (Zen Coding)

如果你从事前端开发或者web开发的话,一定听说过Zen coding - 一种快速编写HTML/CSS代码的方法。它使用仿CSS选择器的语法来快速开发HTML和CSS - 由Sergey Chikuyonok开发。

现在它改名为了Emmet,并且搭建了一个新的网站:docs.emmet.io

Emmet

和一般的编辑器中使用的"代码片段"概念不太一样,Emmet使用动态的语法来生成代码,这意味着你不需要自己去编辑并创建固定的代码片段。 大大的提高了代码编写效果,这一点似的Zen coding非常的流行。

例如,输入如下内容:

ul#nav>li.item$*4>a{Item $} 

Emmet会帮助你生成如下的代码片段:

<ul id="nav">
<li class="item1"><a href="">Item 1</a></li>

标签: emmet, zen coding, toolkit, 开发工具, 开发插件

阅读更多

微软的新一代web开发工具 - WebMatrix2

微软的新一代web开发工具 - WebMatrix2

昨天我们介绍了来自adobe的编辑器Brackets,今天我们介绍来自微软的web开发工具 - webmatrix2,之前有过webmatrix,这个版本是新一代的web开发工具更新。

这个工具包括了很多不过的特性,包括:

  • 为顶级语言设计,如,ASP.NET,PHP,Node.js和HTML5模板,并且使用最新的技术例如CSS3,jQuery等等
  • 支持云,你可以一个点击来部署你的应用或者网站到windows Azure web sites,或者从云端部署回到本地。
  • 针对的移动端优化,使用一些内建的模板,模拟器和jQuery mobile的代码自动补全
  • 还有ALL in One功能,例如,数据库,站点优化及其搜索引擎,专业教程等等
  • 用户可以创建和分享扩展

系统需求:windows

下载:http://www.microsoft.com/web/webmatrix/

标签: 代码编辑器, 开发工具, web开发工具, WebMatrix2

阅读更多

Adobe开发的基于web的开源代码编辑器 - Brackets

Adobe开发的基于web的开源代码编辑器 - Brackets

以前我们介绍过超酷的代码编辑器sublime2,今天我们介绍来自Adobe的开源代码编辑器 - Brackets。这个编辑器使用客户端的web技术,例如,HTML-CSS及其Javascript开发完成的。

这个编辑器的主要特点是简单,没有开发很多的视图或者面板,主要让开发人员专注于快速编辑开发。

使用实时开发特性帮助你将开发的代码和浏览器同步,这样你可以在开发的同时快速的查看功能运行效果,是不是很方便,我们不需要再费劲的来回切换编辑器和浏览器了。并且这个编辑器整合了Chrome的developer tools和JSlint,帮助你快速高效的执行debug工作。

当然,虽然是基于web的编辑器,它同时也可以处理本地文件,需要调用本地的native shell来处理。

系统需求:Mac或者Windows

下载地址: https://github.com/adobe/brackets

标签: 代码编辑器, 开发工具, web开发工具, Brackets

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.