此次介绍使用react的基础项目作此次demo开发，首先建立一个react项目react
yarn create react-app plop-app
建立好项目后就赶忙将plop安装到咱们的开发依赖中吧~app
yarn add plop --dev
安装好以后，咱们须要在项目的根目录里建立一个名为plopfile.js的文件，这个文件是Plop的入口文件，它须要导出一个函数，这个函数能够接受plop的配置对象，用于建立生成器的任务；函数
这个plop的对象内部有个叫setGenerator的成员，它须要接受两个参数，第一个参数是咱们这个生成器的名字，第二个参数是生成器的配置选项。3d
配置相关选项如图code
须要新建模板文件夹plop-templates，用来配置文件对应的模板component
配置完后，再在控制台启动咱们写的这个程序就能够了，具体为yarn plop +生成器的名字，我这里是生成器的名字是component对象
yarn plop component
成功后就能够在配置的输出文件夹里看到自动生成的代码了blog
最后，总结一下具体步骤：开发
1.将plop模块做为项目开发依赖进行安装模板
2.在根目录下建立一个plopfile.js的文件
3.在plopfile.js的文件中定义脚手架的任务
4.编写生成特定类型文案的模板
5.经过plop的CLI去执行脚手架任务