vim, tmux, zsh 打造 node.js IDE

asmallrabbit 2019-06-20

最近决定完全将工作平台切换到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'],

我的配置(zsh+tmux+vim)

https://git.oschina.net/zhoutk/ztv.git

总结

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

相关推荐