此次介紹使用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去執行腳手架任務