Intellij IDEA

Intellij IDEA 前端开发指南
https://github.com/damao/Intellij-IDEA-F2E

Yabo(鸭脖) – CSS 压缩合并工具

如果你用过 YUI Compressor 压缩 CSS,那么你应该知道怎么吃鸭脖

命名

压缩 + Combo = Yabo(鸭脖)

先看Yabo(鸭脖)用法:

主样式叫 buy_v2.css 里头有import 2个零碎的 qb.css 和 mod.css (支持跨目录跨引号跨注释跨妹纸)

右键选择 Yabo.js 或者快捷键 我设置为了 ctrl+s 这个在 Intellij IDEA 里因为自动保存而快被遗忘的快捷键

生成 buy_v2.min.css 已经是包含了 mod.css 和 qb.css 和 buy_v2.css 并且用 YUI Compressor 压缩到了一行

就是这么个小东西啦, 之前一直用强大的 CSSGaga,

但是由于不支持传参,  又懒得新开个软件做压缩, 加上自己需求没那么复杂,就搞鸭脖了

Intellij IDEA / PHPStorm 配置

先看教程 WebStorm 使用外部工具 ,再看具体例子

因为 Yabo 是基于 JScript 开发,所以 Program 是宿主文件 wscript(windows only) 参数的话一共要2个

  1. Yabo.js 的路径
  2. $FilePath$ 当前文件路径

运行目录设置为 $FileDir$ 当前文件所在目录

通过 Github 下载

https://github.com/damao/Yabo 基友已经在开发 jar 版本,到时候就可以跨平台,期待一个

—已经添加了PPT到github上,有兴趣下载看看—————

Intellij IDEA – Appearance

Intellij IDEA 的配色分为 IDE 配色 (Settings > Appearance) 和 Editor 配色 (Settings > Editor -> Colors & Fonts)

如上图就是一个叫 Nimbus (淡色) 的 IDE 配色 和 Solarized Dark (暗色) 的 Editor 配色

今儿蛋疼试用 Intellij IDEA 12 EAP 的时候发现新增了一款叫 Darcula 的暗色 IDE 配色

反正平时也不看四周,弄成黑色没那么刺眼吧,I like it

IntelliJ IDEA, PHPStrom, WebStorm 前端开发指南.

https://github.com/damao/Intellij-IDEA-F2E

欢迎有爱的同学 Fork

QQ群 149725975 (无关话题勿聊,热爱生命)

Intellij IDEA – Surround / unwrap

引子

所谓分久必合合体必分, 就是说人们是离不开啪啪啪的

Sublime Text2 是最近挺喜欢的文本编辑器,我已经拿他来替换掉 NotePad++ ,担任起快速修改文件的角色

有 ST2 同好在 Intellij IDEA 基友群里提问能否选中文字后输入双引号就直接套上?
答案是肯定的
只需要勾选

Settings > Editor > Smart Keys > Surround selection on typing quote or brace

即可选择文字后输入 ” ‘ < ( { 的时候自动套上去

但有更强大的杜比环绕效果

 快捷键

Code > Surround with… [Ctrl + Alt + T]
Code > unwrap/Remove  [Ctrl + Shift + Del]

环绕快捷键和QQ有冲突,推荐关掉QQ的无用快捷键,一些输入法也有很多快捷键冲突,真不知道搞那么多全局快捷键有多幼稚

看图识字

如何选择文字?

选择文字快捷键是 [Ctrl + W] 每按一次选择范围扩大一层

按一下 [Ctrl + W]

再按一下 [Ctrl + W]

逆向选择快捷键 [Ctrl+Shift+W]

小技巧,一般逆向都是叠加 Shift

如何环绕代码?

选择文字后按快捷键  [Ctrl + Alt + T]

HTML 会出来

JavaScript 会出来

PHP 会出来

如何删除爹和祖先元素?

点一下定位元素,然后快捷键 [Ctrl + Shift + Del]

选择要删除的标签即可

和 ST2 那样的环绕引号/双引号如何实现?

那些没玩过 IDE 的 VIM 玩家请注意, VIM 可以通过配置做一切事情, IDE 也是可以的, 并不是你们想象中只有代码补全而已

还记得介绍 Live Template 里的 $SELECTION$ 预置变量么?

配置下引号/双引号的 Live Template

当你按 [Ctrl + Alt + T] 的时候即可出来引号/双引号的选项,并且自动取首字母做为快捷键

IntelliJ IDEA, PHPStrom, WebStorm 前端开发指南.

https://github.com/damao/Intellij-IDEA-F2E

欢迎有爱的同学 Fork

QQ群 149725975 (无关话题勿聊,热爱生命)