UECSS.COM

专注前端开发,关注用户体验,记录成长历程

IDEA编辑器常用设置

IntelliJ IDEA 11.0 到位,尝试了两次Sublime Text 2(有几处亮点很赞,还有的可能我没发现,作者的更新速度很快~),最后还是觉得用回 IntelliJ IDEA,相对来说个人感觉更智能些,像是一把重剑很全面,而且最新的IntelliJ IDEA 11.0版本感觉速度上有了明显的提升,昨晚试装下发现之前的 10.5这个版本的设置 settings.jar 不能导入,我主要是用IDEA来做一些前端的工作,N多好用的IDEA快捷键,加上编辑器自身就很强大集成zencoding这样的便捷功能,因此不需要做太多的设置和插件管理,我会把常用的设置记录在这里,有新的或是遗漏的会补充更新进来,如下:

--------------华丽的分割线-----------------

关于IDEA 如何让光标默认停留在最后一个字符

Files – IDE Settings – Editor 然后找到右侧的 Allow placement of caret after end line

Continue reading →

IDEA编辑器下的文件头部申明信息自定义

这里将上一篇更新的《代码文档的注释及申明》中的文件头部申明信息,拿出来单独说下,因为我也碰到了问题(编辑文件后更新人+时间自动更新),没有找到好的解决方法,如果你知道务必要告诉我哈,先在此谢过~

回到正文,文件头部的申明信息不可能每次都要手动去敲上去,比如之前提到的: Continue reading →

SASS/LESS如何安装使用 – 拥抱HTML5

上周末参加了#拥抱HTML5#两天下来感受并学习到了大部分关于HTML5的分享,这里感受较学习到的要多一些,毕竟不能靠两天的时间就能把分享者整理的知识点全都掌握,感谢远道而来的分享、w3ctech能够提供给这么多前端人员交流的机会,意义很大。

快乐设计师 [布丁]的演讲主题:《SCSS & Compass》中show了很多有关SASS, SCSS, COMPASS的技巧,用来提升我们平常组织CSS文档的效率,具体w3ctech会将当天分享的文档整理(如果等不及可以先查看SASS的官网slideshare上的搜索结果

好了回到正题《SASS/LESS如何安装使用》

1.搭建环境(简单的下载安装Ruby)

下载安装Ruby,Windows下的Ruby下载,Mac OS X 就跳过这一步,Linux自己去找吧(这部分用户的强项)

建议安装的时候勾选下,这样可以直接通过cmd命令行操作(不必手动添加Path)

2.安装SASS

完成第一步之后,在开始菜单中找到并运行Ruby命令行,如图

启动可以看到命令行窗口,安装SASS(LESS安装方法相同),在命令行键入如下代码(其实官网顶部所列的三条即为常用的)并回车:

gem install haml

Continue reading →

IDEA快捷键使用技巧整理

IntelliJ IDEA 10

IDEA快捷键及包含的IDEA使用技巧不晓得哪位好心人整理的,若知晓源出,请告知。

当然如果你仅用IDEA来写HTML/CSS也很方便,因为IDEA编辑器默认集成的zenconding简写方式帮助你快速的进入页面重构工作,所有的这些仅需按下Tab完成。

常用的IDEA快捷键使用技巧整理如下:

1、写代码时用Alt-Insert(Code|Generate…)可以创建类里面任何字段的getter与setter方法。

2、右键点击断点标记(在文本的左边栏里)激活速查菜单,你可以快速设置enable/disable断点或者条件它的属性。

3、CodeCompletion(代码完成)属性里的一个特殊的变量是,激活Ctrl-Alt-Space可以完成在或不在当前文件里的类名。如果类没有引入则import标志会自动创建。

4、使用Ctrl-Shift-V快捷键可以将最近使用的剪贴板内容选择插入到文本。使用时系统会弹出一个含有剪贴内容的对话框,从中你可以选择你要粘贴的部分。

5、利用CodeCompletion(代码完成)属性可以快速地在代码中完成各种不同地语句,方法是先键入一个类名地前几个字母然后再用Ctrl-Space完成全称。如果有多个选项,它们会列在速查列表里。
Continue reading →

IntelliJ IDEA下添加jQuery自动提示

最近才开始接触IDEA,精神抖擞,就是纠结半天没有找到jQuery的语法提示,与之相关的中文文档又很少,看了下官方关于IDEA下jQuery提示的设置方法,简单如下:
1.依次打开 File – Project Structure – Global Libraries,如下图:
Project Structure
2. 点击 [+] 按钮,选择下拉菜单中的 “JavaScript”选项,点击添加下载到本地的jquery文件,如jquery-1.4.4.js(注意使用未压缩版本的jQuery库文件),如下图: Continue reading →