基于Node.js构建的React CLI Tool

基础模板

创建一个空项目

我们这里在github上新建了一个项目地址是：https://github.com/jinjiaxing/react-te-cli

通过npm init创建package.json文件

在上面的package.json文件中我们发现

这是我们自己添加的，在init时候不会询问的

这个bin就是日后我们在控制台中型的命令,运行对应js文件

接下来，我们就看看index.js这个文件

其中的 #! /usr/bin/env node 这行是表示使用node来执行这个文件

5. 接下来就是验证神奇的地方了，我们直接在当前目录下执行 npm install -g 在全局安装我们的命令

现在我们就可以执行 react-te-cli 这个属于我们自己的命令了，以上就是我们整个内容的基础

需要的lib

commander

commander是目前很成熟的Node命令行交互接口实现工具，使用该工具可以很便捷很快速地实现

git-clone

git-clone是一个很轻量的Node编写的git clone封装，可以很便捷很快速地从github上克隆执行项目模板。也就是说，我们将项目模板静态存储在github上，每当执行cli命令时，将其下载，这样我们就很轻松地得到了项目代码模板。另外，当需要改变项目模板代码时，只需要修改github上的项目代码就可以，cli工具无需修改

shelljs

shelljs同样是一个很轻量的Node编写的系统命令封装，可以很便捷很快速地在Node代码中使用系统命令。在本例中，因为从github上下载的项目代码会带有.git文件，需要使用rm命令将其删除

核心代码

1：

GitHub

https://github.com/jinjiaxing/react-te-cli

欢迎大家star

如何使用

Clone下来代码之后，进入react-te-cli目录，全局安装所需要的包，在链接命令，最后使用react-te-cli命令新建app

PS：转载请注明 飞翔的熊猫 原创