前端如何优雅地通过简单的命令去启动docker?

前端集成docker开发环境这里不再赘述,网上有好多教程,推荐直接使用dockerFile就行了,后期patch也方便;

docker命令繁琐吗?

前端使用docker去集成开发环境时,确实是方便多了,每次需要新的开发,直接使用使用镜像来启动新的容器;挂在目录即可;但是一个问题随之而来,每次启动docker都会附带好多内容;例如基本的镜像名、端口、挂在目录等,都是一长坨;输入不了几次就会有放弃使用的念头;使用一个代价太大了?有的同学使用make命令或者bat命令去封装命令;这种方法再单独系统是可取的;但是一旦使用到另外系统就无解了。想我这种的mac和window混用的;很鸡肋的;

就前端而言,大家都会安装:NodeJs,那就借助这个工具来处理:一款npm包;cmdrun点击快速通道;该工具只是借助shelljs进行了封装了;只是方便运行一些终端命令;幸运的是他除了封装shellJs,还允许我们去扩展他的方法。

如何使用cmdrun

安装

先全局安装 npm i -g @xueliang/cmdrun

测试安装成功cmdrun -v =>0.3.2

方法

内置方法有:

  • cmdrun init 初始化一个自定义命令 demo,文件为 cmdrun.config.js,在文件中按照例子添加自己的方法即可;
  • cmdrun add 添加 cmdrun.config.js 的方法到命令中;使用cmdrun进行调用
  • cmdrun del [name] 删除 name 方法,或删除对应的 cmdrun.config.js 内的方法
  • cmdrun clear清空方法

配置文件和添加命令

cmdrun.config.js 配置文件如下

module.exports = {
  "show-des":`方法描述`
  show: function(...param) {
    console.log(...param); 
  }
};

在编写自定义命令时可以使用this.run('cmd',success=()=>{},error=()=>{})来调用系统的命令;自定函数可能用到的方法

this.run() 执行系统命令

this.log()打印数据

this.log.red()红色输出文字

编写好cmdrun的配置文件后,终端进入配置文件的目录下执行cmdrun add即可把编写的命令添加cmdrun命令库里;

说明:

  1. 方法名字以_开头,默认为不能被cmdrun 执行调用的方法;只能在自定义命令中使用

  2. 每个方法都可添加注释即方法名后拼接-des赋值为字符串;

  3. 编写的函数都可以接受传值的;例如cmrdun show 1 2 3 4,那么就会打印出来[1,2,3,4]

要想看cmdrun现在都有什么命令;直接执行一个错误命令即可

cmdrun asd 使用cmdrun 去调用一个不存在的方法,会在终端显示出来cmdrun 上自定义的所有命令;

在这里插入图片描述

如何去编写启动docker的命令?

cmdrun目前就这么简单,就四个内置命令,他是否有很大的无限能力就取决于你的自定义命令了;

拿启动docker命令为例子来看

例如创建h5项目,创建项目,首先需要知道它的名字;之后把项目demo赋值到目录里就行;我这里默认使用的文件夹名字作为项目名,复制项目demo到目录里,我直接封装到docker里面了,所以进入docker后直接调用yarn c即可;其余的过程就是拼接docker命令,再使用this.run去执行即可,创建项目就是这么简单;cmdrun add 后在一个空的项目目录执行cmdrun actCreate即可完成;

module.exports = {
  _getImages: () => {
    return 'new_20200227_patch_1' 
  },
  _getActName: nowDir => {
    let path = require('path')
    let pConf = {}
    try {
      pConf = require(nowDir + '/porject.json')
    } catch (e) { }
    return pConf.name || path.basename(nowDir)
  },
'actCreate-des': `H5项目创建命令,需要在项目所在文件加内执行`,
  actCreate: function () {
    // let path = require('path')
    var basePath = process.cwd()
    // let parentPath = path.dirname(basePath)
    let workdir = '/workdir'
    let name = this._getActName(basePath) // 获取项目名字的方法 :
    let images = this._getImages()// 获取镜像名字。
    var docker = `docker run -v ${ basePath }:${ workdir }/myapp  --rm  --name ${ name }-c ${ images } yarn c  1`
    this.run(docker, function () {
      console.log('执行成功')
    })
  }
}

通过这个例子,可以看出来,cmdrun 只是做了搜集资源、拼接命令、执行命令的操作;这个就是cmdrun的基本操作。是不是感觉cmdrun挺简单?但是cmdrun简单而不简约;若是你用的恰当,那是很顺手的工具;编辑好命令和逻辑,直接去执行。

简单一个命令,cmdrun *既可以启动你要启动的目标


结束
cmdrun 地址 https://www.npmjs.com/package/@xueliang/cmdrun

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值