如何自动化你的开发环境

[[428797]]

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

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

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

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

 
 
 
 
  1. cd myapp/front_end/ 
  2. npm run dev 

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

 
 
 
 
  1. source env/bin/activate 
  2. pip install xxx 

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

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

然后你的程序崩溃了。

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

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

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

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

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

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

1、先安装 tmuxinator。

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

 
 
 
 
  1. gem install tmuxinator 

注:

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

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

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

 
 
 
 
  1. tmuxinator new dream  

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

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

 
 
 
 
  1. name: dream 
  2. root: ~/dev/mtg-dreamland 
  3.  
  4. windows: 
  5.   - main: 
  6.       layout: even-horizontal 
  7.       panes: 
  8.         - client: 
  9.             - cd client 
  10.             - git status 
  11.             - ls 
  12.         - server: 
  13.             - cd server 
  14.             - git status 
  15.             - ls 
  16.   - build: 
  17.       layout: even-horizontal 
  18.       panes: 
  19.         - client: 
  20.             - cd client 
  21.             - npm start 
  22.         - server: 
  23.             - cd server 
  24.             - nodemon server.js 

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

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

最后

这只是 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

本文转载自微信公众号「Python七号」,可以通过以下二维码关注。转载本文请联系Python七号公众号。

 

THE END