如何自动化你的开发环境
如果你是一个程序员,无论前端还是后端,无论业余还是专业,你可能都会遇到这样一个问题:你需要一边写代码,一边运行程序,方便查看代码产生的效果。
举个例子吧,当你写了一部分 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 的包。
然后你就在这些个终端里面切换来切换去,不知道怎么搞得,电脑卡了下,你一怒之下用快捷键退出了好几个应用程序,其中就包括你开启的几个终端。
然后你的程序崩溃了。
你也崩溃了,编程太艰难了,现在你不得不手动一个一个启动这些终端,然后在敲入相应的指令。即使你的电脑不卡,也许会关机,再开机,仍然需要做这些步骤。
现在是时候寻找更好的办法了。
也许你知道 tmux (tmux教程[1]) 可以对一个终端进行分屏,每个屏里面是一个独立的 terminal session,可以分别执行不同的命令,让我们在同一个窗口看到不同任务的执行情况,比如像这样:
这样虽然解决了不同终端间来回切换的问题,但还有一个问题没解决,就是如果不小心关闭了这个终端,或者电脑崩溃了,如何快速恢复运行好的状态?
这就需要 tmuxinator 了,先看下效果图:
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
,就可以看到所有的命令都会按照你的编排进行执行,实现了开发环境的自动化,如下:
最后
这只是 tmuxinator 的简单应用,如果要想了解它更多的能力,可以去官方 GitHub[3] 看下。
如果有帮助,求关注下。
参考资料
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