如果你是一个程序员,无论前端还是后端,无论业余还是专业,你可能都会遇到这样一个问题:你需要一边写代码,一边运行程序,方便查看代码产生的效果。

举个例子吧,当你写了一部分 Django views,你会开启一个终端运行 Django

cd myapp/rear_end/
source env/bin/activate
python manage.py runserver

然后你有写了几个前端页面,你要启动 npm

cd myapp/front_end/
npm run dev

现在突然报了个错,提升你 xxx 包没有安装,于是你又开启了一个终端,运行了 pip

source env/bin/activate
pip install xxx

也许你还需要在开启一个终端,来管理 npm 的包。

然后你就在这些个终端里面切换来切换去,不知道怎么搞得,电脑卡了下,你一怒之下用快捷键退出了好几个应用程序,其中就包括你开启的几个终端。

然后你的程序崩溃了。

如何自动化你的开发环境_java

你也崩溃了,编程太艰难了,现在你不得不手动一个一个启动这些终端,然后在敲入相应的指令。即使你的电脑不卡,也许会关机,再开机,仍然需要做这些步骤。

现在是时候寻找更好的办法了。

也许你知道 tmux (tmux教程[1]) 可以对一个终端进行分屏,每个屏里面是一个独立的 terminal session,可以分别执行不同的命令,让我们在同一个窗口看到不同任务的执行情况,比如像这样:

如何自动化你的开发环境_java_02

这样虽然解决了不同终端间来回切换的问题,但还有一个问题没解决,就是如果不小心关闭了这个终端,或者电脑崩溃了,如何快速恢复运行好的状态?

这就需要 tmuxinator 了,先看下效果图:

如何自动化你的开发环境_linux_03

tmuxinator 是一个处理 tmux 配置的完美工具,自动化开发环境从未如此简单。现在让我们看下如何使用。

1、先安装 tmuxinator。

当然了,安装前确保你已经安装了 tmux,可以看这个tmux教程[2]

gem install tmuxinator

注:

  • gem 是 Ruby 的一个包管理器,安装完 Ruby,你就有了 gem 工具,正如安装完 Python,你就有了 pip 工具。

2、在项目目录生成一个配置文件

假如项目叫 dream,然后在终端执行

tmuxinator new dream

会生成文件 ~/.config/tmuxinator/dream.yml

3、修改这个配置文件,加入自己执行的命令,如下所示:

name: dream
root: ~/dev/mtg-dreamland

windows:
  - main:
      layout: even-horizontal
      panes:
        - client:
            - cd client
            - git status
            - ls
        - server:
            - cd server
            - git status
            - ls
  - build:
      layout: even-horizontal
      panes:
        - client:
            - cd client
            - npm start
        - server:
            - cd server
            - nodemon server.js

这个配置文件定义了 2 个窗口:“main”和“build”。在每一个中,有 2 个窗格“客户端”和“服务器”。然后只需定义我想在启动时在每个窗格中运行的命令,我们就完成了!

然后执行 tmuxinator start dream,就可以看到所有的命令都会按照你的编排进行执行,实现了开发环境的自动化,如下:

如何自动化你的开发环境_python_04

最后

这只是 tmuxinator 的简单应用,如果要想了解它更多的能力,可以去官方 GitHub[3] 看下。

如果有帮助,求关注下。

参考资料

[1]

tmux教程: https://www.ruanyifeng.com/blog/2019/10/tmux.html

[2]

tmux教程: https://www.ruanyifeng.com/blog/2019/10/tmux.html

[3]

官方 GitHub: https://github.com/tmuxinator/tmuxinator#windows