Sublime Text + zen coding编码神器

2014-10-10 20:37:24

欲利其工,必先利其器!我认为无论做什么,一款优秀的工具永远是极为重要的。这里分享程序猿的一款神器。

之前一直使用notepad++写代码,非常的轻量级,打开速度快,支持的语言多。后来又发现了zen coding的插件,安装后阵容为Notepad++ + Zen coding,zen coding支持代码缩写补全,尤其写前段页面html,css时简直是神器,效率非常的高,简直爱不释手。

换OSX系统后notepad不再支持,支持急需入手新的编码神器,换了好多总是不合人意。终于是找到Sublime Text,同样的轻量,高亮和黑色背景美到窒息,简洁的UI界面,配上行云流水操作,写代码简直是一种享受,不幸的是Sublime Text是收费软件,59刀也配的上它的优秀表现,不过好消息是作者还是比较厚道的,只是偶尔提醒购买,丝毫不影响编码。如果这么好的编辑器能用zen coding,绝对的完美,事实证明完美的东西是绝对的。简单操作后便可以舒适的享受写代码的过程了:

1.Sublime Text 官网下载http://www.sublimetext.com/对应的版本。Sublime Text 2是比较成熟稳定的版本,也是我的选择;

2.安装完Sublime Text 2后打开;

3.按shift+command+P打开命令行,输入install,会自动提示install package,回车选择;

st1

4.然后输入Emmet(zen coding已经改名)回车即可;

5.等提示成功后重启Sublime Text即可,此时zencoding已添加,神器已经祭出!

bt2

jQuery Mobile Popups

jQuery Mobile Popup弹窗集合。 带有样式风格的弹出框 显示信息 可自定义样式和最大宽度定义的弹出框 自定义弹窗 弹出菜单 显示信息 弹出菜单 文件 选项 退出 弹出表单 显示信息 登录系统 帐号: 密码: 登录 弹出窗口 显示信息 文件删除 确定要删除这个文件吗? 该操作不可撤销。 删除 取消 弹出图片 显示信息 Close 调用方法: 这个部件在jQueryMobile中会自动初始化,但是你也可以通过popup()方法来调用。 $(‘#uedcool’).popup(); 调用打开弹出框方法: 除了通过一个带有data-rel=’popup’的链接来触发部件显示,还可以调用open方法来打开弹出框部件,如: $(‘#uedcool’).popup(‘open’); 关闭部件的方法: 弹出框可以通过按Esc键或者点击弹出框外面的区域来关闭,除此之外也可以通过调用close方法来关闭,如: $(‘#uedcool’).popup(

Mac下SVN的使用

在Windows环境中,一般使用TortoiseSVN来搭建svn环境。在Mac环境下,由于Mac自带了svn的服务器端和客户端功能,所以我们可以在不装任何第三方软件的前提下使用svn功能,不过还需做一下简单的配置。 如果你有安装XCode,只需要在code > Preferences > download > Command Line Tools > Install即可,速度很快,基本1分钟搞定。 这个Command Line Tools包含最新的SVN。然后如果你没有安装XCode的话,就会很痛苦,采用这种办法就会很痛苦,因为XCode接近于1.5GB了!尤其是对于那些只是需要SVN,而不会用到XCode的朋友来讲。 幸运的是,可以做到在没有安装XCode 的前提下安装SVN,只需要在Apple Developer网站下载一个116MB的https://developer.apple.com/downloads/index.action Command Line Tools(OS X Mountain Lion)独立安装包。当然你需要一个Apple Developer的ID(可以免费注册的)。 安装之后,可以适用Terminal来确认一下你的SVN版本: