目录
- Plop介绍
- Plop的具体使用
- 具体步骤
- 总结
Plop介绍
主要用于创建项目中特定文件类型的小工具,类似于Yeoman
中的sub generator
,一般不会独立使用。一般会把Plop
集成到项目中,用来自动化的创建同类型的项目文件。
- plop-npm
- plop-github
Plop的具体使用
具体步骤
- 新建目录,初始化
npm init -y
,安装Plop
- 在目录下创建
plop-templates
文件夹,里面创建三个模板文件
- component.css.hbs
- component.hbs
- component.test.hbs
- 在根目录下创建一个
plopfile.js
的文件,这个文件是Plop
的入口文件,需要导出一个函数,这个函数接收一个plop
对象,用于创建生成器任务。
- 在
package.json
中添加
- 运行
此时在根目录的src\components
下面,有了三个文件
- Header.js
- Header.css
- Header.test.js
这样,就可以根据模板一键生成一个组件目录。
总结
- 将
plop
模块作为项目开发依赖安装 - 编写用于生成特定类型文件的模板
- 在项目根目录下创建一个
plopfile.js
文件 - 在
plopfile.js
文件中定义脚手架任务 - 通过
Plop
提供的CLI
运行脚手架任务
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 模板不会安装或需要功能定制以及二次开发?
发表评论
还没有评论,快来抢沙发吧!