关于docker，前端的你该了解这些

前端如何优雅地通过简单的命令去启动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 上自定义的所有命令；

image-20200316163920219.png

如何去编写启动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 *既可以启动你要启动的目标