前端集成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
命令库里;
说明:
- 方法名字以
_
开头,默认为不能被cmdrun 执行调用的方法;只能在自定义命令中使用- 每个方法都可添加注释即方法名后拼接
-des
赋值为字符串;- 编写的函数都可以接受传值的;例如
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