红联Linux门户
Linux帮助

vim,tmux,zsh打造node.js IDE

发布时间:2015-11-24 15:58:27来源:segmentfault.com作者:linux人

最近决定完全将工作平台切换到linux(我将ubuntu15.10装在Yoga上)上来,以前图省事,vim用得不多,在webstorm下装了vim插件,但总有些小问题,最后还是决定投身到开源平台来,呵呵!


方案思路

tmux是终端复用软件,用来分割屏幕,大窗口显示VIM,分出两个小窗口,一个用于终端操作git等;一个用于监测运行node程序(网站),输出debug info。

vim主要插件为YouCompeleteMe、NERD_TREE、taglist等,具体配置请查阅我以前的文章,不再重复。

调试工具使用node-inspector。

监测运行工具使用nodemon。


整体效果图

vim,tmux,zsh打造node.js IDE


配置日志(需要注意的问题,具体的配置过程请查阅本人以前文章)


zsh

查看shell: cat /etc/shells

切换默认shell: chsh -s /bin/zsh

安装 oh-my-zsh:

git clone git://github.com/robbyrussell/oh-my-zsh.git ~/.oh-my-zsh
cp ~/.oh-my-zsh/templates/zshrc.zsh-template ~/.zshrc

安装并集成autojump,配置文件中如是写:plugins=(git autojump)


tmux

主要是调整默认前导按键,并将capslock重新定义为ctrl。

sudo vi /etc/default/keyboard
sudo dpkg-reconfigure keyboard-configuration


vim

vundle的安装
git clone https://github.com/gmarik/vundle.git ~/.vim/bundle/vundle

YCM需要到其目录执行 install.sh --clang-completer

解决不支持xterm_clipboard问题,安装 vim-gnome;将 set clipboard=unnamedplus 加入配置文件,可简化+寄存器操作。

cscope,默认是对C语言的,下面是我针对node.js项目的操作

find . -name "*.js" -o -name "*.html" > cscope.files
cscope -bkq -i cscope.files
ctags -R

这样就可以在vim中使用了,如下:

:cs add ./cscope.out
:cs find c|s functionName


node-inspector

好象只能调试在本地起的服务。


nodemon,以前用的是supervisor,后来发现了nodemon

可配置文件,来指定监测的文件类型,目录等,我直接改了最底层的配置文件:lib/config/default.js

ignoreRoot: ['.git', 'public', 'node_modules', 'bower_components', '.sass-cache'],
watch: ['*.js'],


总结

以前的几个问题,如:系统剪切板不能使用,监测运行不够智能,不能跳转到函数定义问题等,这次集中解决了,感觉用起来已经跟IDE差不多了,呵呵!


高端唯有定制,把sublime打造成专属的IDE:http://www.linuxdiyf.com/linux/15106.html

用Tmux和Vim打造IDE:http://www.linuxdiyf.com/linux/12661.html