如何自动化你的开发环境

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

举个例子吧,当你写了一部分 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 的包。

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

然后你的程序崩溃了。

85e7f01102c476244cd28127a194f285.gif

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

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

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

52230a0e5f752b55d04ba886c96fe9f4.gif

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

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

d854acb9e9720da93291d21194d09d0e.gif

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,就可以看到所有的命令都会按照你的编排进行执行,实现了开发环境的自动化,如下:

fe94f0e245bffb7e855ba7853b93ad0d.gif

最后

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值