使用Coffeetags在VIM中显示coffee文件代码结构

VIM的插件Tagbar可以在侧边栏显示当前代码结构,不过Tagbar使用的ctags不支持coffeescript。

不过我们可以使用ruby版本的CoffeeTags生成tags。

首先:

$ [sudo] gem install CoffeeTags

然后只要在~/.vimrc里加上下面几行配置。(参考CoffeeTags项目自带的vim插件)

if executable('coffeetags')
let g:tagbar_type_coffee = {
\ 'ctagsbin' : 'coffeetags',
\ 'ctagsargs' : '',
\ 'kinds' : [
\ 'c:classes',
\ 'm:methods',
\ 'a:attributes',
\ 'f:functions',
\ 'v:variables',
\ 'p:prototypes',
\ 'o:object',
\ 'b:blocks'
\ ],
\ 'sro' : ".",
\ 'kind2scope' : {
\ 'f' : 'function',
\ 'o' : 'object',
\ }
\ }
endif

就可以浏览清晰的coffee结构啦。

undefined

用Sass写一个loading动画类

继续Codepen上的Sass魔法门。 这位童鞋做了两个loading动画的样式 @keyframes loading { 0% { transform: translate(-99px, -50%); } 100% { transform: translate(71p...

用Sass搞定Flat风格的图标长投影

15行Sass代码开启投影新时代

好用的Sass Mixin

看下CSS Trick上的帖子

用:nth-child快速生成一个row

@mixin rowMachine($numPerRow, $margin) {
width: ((100% - (($numPerRow - 1) * $margin)) / $numPerRow);
&:nth-child(n) {
margin-bottom: $margin;
margin-right: $margin;
}
&:nth-child(#{$numPerRow}n) {
margin-right: 0;
margin-bottom: 0;
}
}

Vim实用设置

Get rid of ^M :set ff=unix 去掉行尾空格 nmap ,ts <Esc>:%s/\s\+$//gc<cr> 瞬间输入当前目录和文件名 inoremap \fp <C-R>=getcwd()<CR>inoremap \fn <C-R&g...

正则也可以很好玩

正则填字游戏 Debuggex 可视化正则匹配过程, 用于调试十分方便 regexper 一个把javascript正则表达式转换成图表的工具网站。

Coffeescript小角落,和javascript混写

在coffeescript-madness中提到了用coffee的literal来在函数内部强制生成局部变量,防止对外层变量的意外修改,例如coffee代码: y = 0test = (x) -> `var y` y = 10 x + y 会生成: var test, y;y = 0;test = f...

用 ssh reverse tunnel 调用远程服务器的剪切板使用

用ssh在远程服务器上工作的时候看着vim的满屏代码,突然怎么都没办法复制下来(其实鼠标还是可以用的,不过如果内容多到跨屏那就呵呵呵了),真是急死人,万能的google啊帮助我吧。 在本机上要做的事 先用netcat建立一个剪贴板服务在后台运行: PORT=5566while : ;do nc -l localh...

在Jekyll博客里优雅地嵌入Github Gist

Gist 是 Github 一个Snippet托管平台,也是全球秀代码和吵架的好地方。 例如我的一个虾米签到gist,官方提示的嵌入写法是这样的: <script src="https://gist.github.com/hikerpig/10013696.js"></scr...

让 oh-my-zsh 的git插件飞起来

调整 oh-my-zsh 的 git 功能,tab键自动完成又能肆意飞翔了