Ⅰ. はじめに
タイトルの通り「Plopを利用して任意ファイルを自動生成する方法」です。
Ⅱ. 手順
1. plopをインストールする
npm install --save-dev plop
2. ファイルを編集する
package.json
"scripts": {
+ "plop": "plop"
}
2. ファイルを作成する
propfile.mjs
// export している function の 第一引数の型 は NodePlopAPI // import { NodePlopAPI } from 'plop' export default function (plop) { plop.setGenerator('test001', { description: 'テスト用', prompts: [ { type: "input", // input, checkbox, ... etc name: "name", message: "名前を入力して下さい", } ], actions: [ { type: "add", // add, modify, directory, ... etc path: "src/{{name}}.ts", templateFile: "plop/templates/say_hello.ts.hbs", } ] }) }
plop/templates/say_hello.ts.hbs
console.log('Hello {{pascalCase name}}')
実行結果
$ npm run plop ? 名前を入力して下さい tanaka ✔ ++ \src\tanaka.ts $ cat src/tanaka.ts console.log('Hello Tanaka')
FAQ
Q. Visual Studio Code で *.hbs ファイルのシンタックスハイライトを有効にする方法は?
A. 以下をインストールする
https://marketplace.visualstudio.com/items?itemName=ItsMeAdarsh.vsc-handlebars-ext