打造高效前端工做环境 - tmux

打造高效前端工做环境 - tmux

前言

 如今前端开发可不容易啊，先打开个VIM，而后再打开个lite-server，一不当心写个ES2015还要打开个gulp来作预编译，若是能把这么多个窗口放在一个工做台上那就行了。咦，tmux不就专干这事的吗？

tmux入门

安装sudo apt install tmux

tmux的C/S架构

服务端(Server), 1个服务端维护1～N个会话;
会话(Session), 1个会话对应1~N个窗口;
窗口(Window), 1个窗口对应1~N个窗格;
窗格(Pane)，vim、bash等具体任务就是在窗格中执行。

1.进入tmux
 在shell中执行tmux就会自动建立一个匿名会话、窗口和窗格，而窗格内正在运行着另外一个shell程序，这时咱们能够像日常使用shell同样来工做。而tmux真正的威力在于对会话、窗口和窗格的管理，但在此以前咱们要先了解开启魔法的阀门——快捷键前缀(prefix)。

2.快捷键前缀(prefix)
 tmux为使自身的快捷键和其余软件的快捷键互不干扰，特地提供一个快捷键前缀,默认为Ctrl+b。所以当咱们输入任何tmux快捷键前必须先输入Ctrl+b。
 因为快捷键前缀是能够重置的，所以后文将以<prefix>来指代快捷键前缀。

3.操做Pane
建立(经过分割当前pane实现)
<prefix> ",水平分割当前pane
<prefix> %,垂直分割当前pane
关闭
<prefix> x,删除当前pane
跳转
<prefix> <up-arrow>/<down-arrow>/<left-arrow>/<right-arrow>, 经过上下左右方向键跳转到对应的pane
<prefix> ;,跳转到上次激活的pane
<prefix> o,跳转到下一个pane
<prefix> q,显示各pane的编号，并输入编号跳转到对应的pane
修改尺寸
<prefix>+alt+<up-arrow>/<down-arrow>/<left-arrow>/<right-arrow>, 经过上下左右方向修改当前pane的高宽
缩放
<prefix> z,缩放当前pane
其余
<prefix> {,将当前pane移动到最左边
<prefix> },将当前pane移动到最右边
<prefix> !,将当前pane转变成window

4.操做Windoiw
建立
<prefix> c,建立window
重命名
<prefix> ,,重命名当前window
注意：因为tmux默认会根据当前pane执行的程序来改变window名称，所以须要在~/.tmux.conf中加入set-option -g allow-rename off来固化window名称。
关闭
<prefix> &,关闭当前window
跳转
<prefix> n,跳转到下一个window
<prefix> p,跳转到上一个window
<prefix> 0...9,跳转到对应的window
其余
<prefix> :swap-window -s 2 -t 1, 调转编号为2和1的两个window的次序
5.操做Session
<prefix> s,显示全部会话
<prefix> $,重命名
<prefix> d,脱离当前会话
<prefix> :kill-session,关闭当前会话
<prefix> (,跳转到上一个会话
<prefix> ),跳转到下一个会话

tmux进阶

1.细抠Session操做
 咱们为前端开发环境和后端开发环境分别建立两个Session来独立管理，那么咱们就能够灵活地在两个Session间穿梭，而且能够分别和前端、后端开发人员协同工做，下面咱们看看相关的命令吧。
$ tmux 或 <prefix> :new, 建立匿名Session
$ tmux new -s mysession 或 <prefix> :new -s mysession, 建立名为mysession的Session
$ tmux kill-session -t mysession,关闭mysession会话
$ tmux kill-session -a,关闭全部会话
$ tmux ls,显示全部会话信息
$ tmux a,附加到最近一个会话
$ tmux a -t mysession,附加到会话mysession

2.多个panes输入同步
<prefix> + :setw synchronize-panes

 这个功能在经过ssh维护多台服务器时十分有用！

3.复制粘贴
 经过tmux咱们能够经过纯键盘操做实现跨pane的复制粘贴。首先在~/.tmux.conf文件中添加setw -g mode-keys vi，启用vi键盘方式(hjkl方向键,/?nN搜索)操做buffer内容。
进入复制模式,<prefix> [
开始选择,<Spacebar>
选择结束并将内容复制到新的buffer,<Enter>
取消选择,<Esc>
从buffer_0粘贴到光标位置，<prefix> ]
 可见复制的内容均暂存在buffer中，而tmux也提供直接操做buffer的命令给咱们.
<prefix> : show-buffer，显示buffer_0的内容
<prefix> : capture-pane, 保存当前pane的内容
<prefix> : list-buffers, 显示全部buffer内容
<prefix> : choose-buffer, 选择buffer并粘贴
<prefix> : save-buffer buf.txt, 保存buffer内容到but.txt
<prefix> : delete-buffer -b 1, 删除buffer_1的内容

4.美化状态栏
 默认的tmux样式有点丑，而https://github.com/gpakosz/.tmux这个配置则为咱们提供漂亮状态栏.

深刻Layout

内置Layout

 tmux为咱们内置了5种布局类型
even-horizontal，从左至右平均分布全部pane
even-vertical，从上至下平均分布全部pane
main-horizontal，最上方的pane为主工做区，其他pane位于最下方且从左至右排列
main-vertical，最左边的pane为主工做区，其他pane位于最右边且从上至下排列
tiled，从上至下，从左至右平均分布全部pane
 对于main-horizontal和main-vertical布局而言，咱们还能够设置主工做区的尺寸

# .tmux.conf
set-window-option -g main-pane-width 100
set-window-option -g main-pane-height 100

自定义Layout

 其实更多的时候，咱们工做区的布局远比内置的复杂。以下左上角为编辑区，右上角为UnitTest回显，最下面是REPL。
 这时咱们就要先调整好window内全部pane的尺寸，而后脱离当前session，获取当前window的布局信息了。

tmux list-windows

将最后一个]前的内容复制到tmuxinator的yml配置中的layout那，注意pane数量要和layout的布局信息数据一致。

总结

 尊重原创，转载请注明来自：http://www.cnblogs.com/fsjohnhuang/p/6057050.html ^_^肥仔John