用習(xí)慣了react、vue等的cli工具,會(huì)發(fā)覺很順手,快速創(chuàng)建項(xiàng)目,但是也會(huì)有缺點(diǎn)。生成的項(xiàng)目缺的東西太多。
在開發(fā)過程中往往都要有一個(gè)項(xiàng)目搭建的過程,那么如何快速搭建項(xiàng)目呢。想到一個(gè)辦法,自己做一個(gè)cli工具。
首先要實(shí)現(xiàn)的功能是能夠一鍵生成項(xiàng)目,其實(shí)是一個(gè)拷貝的過程,準(zhǔn)備好項(xiàng)目模版,在任意目錄下使用命令即可新建一個(gè)項(xiàng)目。
package.json中需加入下面這句
"bin": {
"cli": "./index.js"
},
#!/usr/bin/env node
var fs = require('fs');
var fse = require('fs-extra');
var path = require('path');
var PATH = process.argv[2] ? './' + process.argv[2] : './client';
fs.mkdir(PATH, function(err){
err && console.log(err);
});
fse.copy(path.join(__dirname, 'templates'), PATH);
建一個(gè)templates文件夾,放入代碼文件
使用npm install -g,
然后執(zhí)行cli,看是否會(huì)生成項(xiàng)目