打造高效前端工作环境 - 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 + 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 ),跳转到下一个会话
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这个配置则为我们提供漂亮状态栏.
尊重原创,转载请注明来自:http://www.cnblogs.com/fsjohnhuang/p/6057050.html ^_^肥仔John
从脚手架开始学前端 【第3期】CentOS 7 安装Node.js环境及配置 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。
淘系自研前端环境管理工具 AppToolkit 正式发布 AppToolkit提供可视化配置环节的能力,屏蔽环节配置的复杂度和命令行的而学习成本,帮助开发者简单快速搭建前端开发环境。
相关文章
- gulp + webpack 构建多页面前端项目
- 你还搞不定前端性能测试?这里有一大波测试工具请拿走
- web前端
- 新建SpringCloud电商前端Vant项目
- 「基于Django的全民健康智慧中医数字服务平台」前端应用Users设计思路
- 使用Web前端技术开发桌面应用---Electron开发环境的搭建
- 流行的前端框架
- 浅析什么是设计模式(套路)、为什么需要设计模式(最优解决方案)、前端常见设计模式(策略模式、发布订阅模式、装饰器模式、适配器模式、职责链模式、代理模式)
- 项目部署问题:nginx 刷新显示404、xftp无法连接服务器、Nginx403 Forbidden解决、nginx反向代理解决前端跨域问题
- 一天时间迅速准备前端面试|JavaScript——异步进阶
- 2017前端发展回顾
- 【web前端(三十八)】javascript_jquery正则表达式对象、全局匹配
- 零基础学前端之SEO 基础知识学习--SEO优化学习教程【学习笔记】
- 前端project师养成记:开发环境搭建(Sublime Text必备插件推荐)
- 使用HTML5的两个api,前端js完成图片压缩
- Web 前端 之 Webpack 的环境搭建,以及测试第一个webpack编译打包测试代码工程
- Web 前端 之 Vue 脚手架环境的安装搭建/并创建Vue脚手架工程简单整理(内含:国内环境安装搭建 下载速度慢 的简单解决办法)
- 前端 导出为Excel 数据源为table表格 table中的字段7-1变成了7月1号解决