SublimeText2 正式发布, 如何从之前的beta版本升级

SublimeText 2.0 日前正式发布, 修改了一堆的bug, 性能也有提升, 是时候upgrade了. 升级portable版本的步骤如下: 备份当前SublimeText2版本 下载SublimeText 2.0的portable版本, 32位,64位 解压SublimeText 2.0的portable版本 把解压出来的SublimeText 2.0的portable版本里所有的文件, 复制到当前SublimeText2版本所在的目录 从当前SublimeText2版本的备份中拷贝以下文件到当前目录: Data\Settings\Session.sublime_session Data\Packages\User\Preferences.sublime-settings Data\Packages\User\Default (Windows).sublime-keymap OK, 升级完毕, 享受你的脱掉了beta帽子的SublimeText2吧. 至今为止还没发现任何已安装的插件兼容性问题.

Continue Reading

如何判断浏览器当前是以什么模式在渲染页面

知道浏览器的QuirkMode, 在IE下也知道如何查看IE是否处在QuirkMode. 但是在Chrome下我还真不清楚在哪里能看到浏览器现在是否是在以QuirkMode在渲染页面. 找了一圈子,也只找到了这个用JavaScript判断的方法. 难道Chrome没有在界面上提供工具指示这个状态吗? window.alert('You are in ' + (document.compatMode==='CSS1Compat'?'Standards':'Quirks') + ' mode.') 参考: http://stackoverflow.com/questions/627097/how-to-tell-if-a-browser-is-in-quirks-mode

Continue Reading

让Sublime Text 2支持使用<包围选中的文字

Sublime Text 2有一个很好用的小功能,在选中文字时,如果按下[,{,(,',"等符号,会使用按下的符号把选中的文字括起来. 这个功能我在编辑markdown文件是经常使用. 可惜的是这个功能并不支持<符合,不知道这是出于什么考虑.不过给<加上这个功能也很简单.只需要打开Default (OSX).sublime-keymap文件.在里面添加下列配置即可. { "keys": ["<"], "command": "insert_snippet", "args": {"contents": "<${0:$SELECTION}>"}, "context": [ { "key": "setting.auto_match_enabled", "operator": "equal", "operand": true }, { "key": "selection_empty", "operator": "equal", "operand":…

Continue Reading

WebKit Inspector

Chrome Canary是Chrome最新的开发版本,几乎天天更新.可以和Chrome稳定版本共存. 打开inspector窗口 CMD+J or Ctrl+Shift+J in Windows, CMD+Alt+J in OSX tips 单击右下角的设置按钮,进入设置界面,可以把inspector窗口调成Dock to Right,在宽屏下比较舒服 通过URL直接创建页面内容 data:text/html,<b>ZOMG I AM BOLD!?!!?</b> 快捷键帮助 在Elements Panel按?会显示快捷键 console 使用shift + enter可以输入多行代码 内置全局对象 $(), 通过ID查找DOM节点,…

Continue Reading

前端开发MVC框架backbone.js

最近学习了一下backbone.js。这是一个只有不到6k的一个前端javascript框架,力图解决全端开发时常见的代码松散,不够模块化的问题。backbone.js号称是MVC框架,但是最强大的就是Model/Collection和View部分,C在backbone.js其实主要是对URL hash对界面功能进行router。 感觉backbone.js确实解决了很大的问题,使得前端的开发更加模块化,更有利于开发相对复杂些的单页面应用、webapp和手机native+Html5的混合应用。典型的成功案例有Linkedin的手机应用、教育网站Khan Academy,团购网站Groupon Now!,任务管理应用Trello等。 我也学着backbone.js的著名例子Todos,试验了一些。简单修个Todos,实现了两个小应用:4Blocks和9Blocks。 4Blocks,在Todos的基础上把任务列表复制成了4个,结合《高效人士的7个习惯》里的把任务划分为轻重缓急的概念而来。可以作为自己日常的Task管理器。 9Blocks,则把Todos的任务列表复制了9个,结合Business Model Generation的商业模式画板,可以用来做简单的商业模式分析工具。

Continue Reading

lesscss 初学注意事项

less的嵌套 less支持嵌套,而且习惯上使用嵌套时使用缩进。但是嵌套的语法还是使用{},而不是缩进。所以下面的写法是错误的。 .classA { display: block; } .classB { display: none; } //生成的css如下 .classA { display: block; } .classB { display: none; } 正确的写法是 .classA { display: block; .classB {…

Continue Reading

在Mac的Terminal下使用Sublime Text 2

今天设置ssh的key的时候,需要编辑隐藏文件。这时候,如果想在Mac的Finder里显示隐藏文件,然后再打开,太慢麻烦了。需要修改Mac的系统配置,感觉有点像是Windows的注册表。而且如果以后不想在Finder里显示隐藏文件了,想要该回去,也很麻烦。Anyway,通过下面这条命令能够设置Finder里显示,还是不显示,隐藏文件。 #设置Finder里显示隐藏文件 defaults write com.apple.finder AppleShowAllFiles -bool true #设置Finder里不显示隐藏文件 defaults write com.apple.finder AppleShowAllFiles -bool false 其实不就是要编辑隐藏文件吗?vim一下就好了吗。但是如果你跟我一样最近很着迷Sublime text 2,那么其实你可以使用它提供的命令行工具。这个命令行工具位于/Applications/Sublime\ Text\ 2.app/Contents/SharedSupport/bin/subl,缺省情况下这个命令不在$PATH环境中,需要通过下面这个命令做个符号链接。 ln -s /Applications/Sublime\ Text\ 2.app/Contents/SharedSupport/bin/subl /usr/bin/subl 这样,以后你想要在Sublime Text 2里编辑什么文件,只要在Terminal来输入subl xxx.txt;…

Continue Reading

Sublime Text 2 更新了, beta Build 2165

昨天Sublime Text 2 释出了新的beta版本,2165。除了修正了很多bugs,另外有几个新特性很值得关注了。 首当其冲的是速度方面有了很大的提升,现在启动速度明显快了。看来是想尽快摘掉Beta这顶帽子啊。 重新设计了默认的界面主题, 现在这个主题非常类似soda theme的风格,已经完全不必再安装soda theme扩展了. Auto complete自动补齐功能。自动补齐会使用字典和snippets作为补齐的列表源,速度非常快,不会对你的输入有明显的干扰。对我这样英语不好的同志很有帮助啊,呵呵。这里还有一个小改进,是把Tab键用作自动补齐,而保留Enter键继续作为Enter,而不进行补齐;开启这个功能的选项是auto_complete_commit_on_tab。 通过Ctrl+Shift+T来打开最近关闭的文件,这个行为跟多标签浏览器里打开最近关闭的标签设计一样。又一个扩展Open Recent Files牺牲了。 我升级后,没有发现与现有扩展的明显冲突。喜欢尝鲜的朋友赶快去升级啊。

Continue Reading

在sublime text 2里使用ctags扩展

在上一篇关于Sublime Text 2的文章我提到了可以使用CTags扩展。 使用Sublime Package Control安装CTags扩展很容易。按快捷键"Ctrl+Shift+P",然后选择安装package,再选择CTags就可以了。 在Linux和Mac上,CTags扩展可以自动生成tags文件,你只需要按下快捷方式"Ctrl+t,Ctrl+b"即可。 其实他就是在当前目录执行了一下"ctags -R -f .tags"命令。 在Windows平台上,我不知道有没有ctags命令,如果没有CTags扩展是没办法起作用的。不过只要能用其他工具生成tags文件,注意tags文件要放在项目的当前目录,并且文件名要是".tags". CTags基本上与Vim下的CTaga一致,当光标停在某个函数上时,按下快捷键"Ctrl+Alt+]",就可以打开函数所在的文件,并跳转到相应位置。 如果要返回之前的位置只需要按下"Ctrl+Alt+["即可。 由于使用Sublime Package Control安装扩展太方便了,我经常会安装很多。这其实是个不好的习惯,大部分扩展安装以后可能很少用到。 而且可能是Sublime Text 2还比较新的缘故吧,有些扩展之间还会冲突。 比如EncodingHelper跟CTags扩展就有冲突。EncodingHelper会造成CTags只能打开函数所在的文件, 却跳转不到精确的位置。 另外Mac上缺省的CTags似乎并不是那个Exuberant CTags,不知道是什么版本,参数都不一样!所以在Mac上还要先更改CTags,安装步骤如下。 [source lang="javascript"] curl -O http://prdownloads.sourceforge.net/ctags/ctags-5.8.tar.gz tar…

Continue Reading

End of content

No more pages to load