Five minutes to develop your own code generator

This article is very short , But full of sincerity Can not use 2 You can read it in minutes Then you'll probably be amazed Originally, I developed my own code generator , It's so simple

reminder ： This article is about 《 The code generator of the new generation of small fresh meat 》 A continuation of , If you don't know ncgen This little fresh meat , Then you'd better go first Look One Look 《 The code generator of the new generation of small fresh meat 》

---

Daniel ： Brother egg , After last goodbye , According to the method you taught me , I configured a code generator that fully met my needs in a few minutes , It's so powerful and simple

Mr. egg ： Do as you say , I admire your hands-on ability

Daniel ： Laugh, laugh . But I came here today with questions

Mr. egg ： Wait a long time

Daniel ： I put ncgen-config.js Hanging in the cloud , Then my friends complained that the command was too long to remember ：

$ ncgen https://raw.githubusercontent.com/daniel-dx/vue3-ncgen-demo/master/ncgen-config.js
 Copy code 

You see , Is it a little long ？ Brother Dan, do you have any good suggestions ？

Mr. egg ： Of course ,ncgen A very attractive scheme has been prepared for this purpose

Daniel ： What fascinating scheme ？ How charming ？ Tell me, tell me

Mr. egg ： That's it - adopt ncgen Rapid development of Your own code generator

Daniel ：Wo~, My own , It sounds so refreshing , Yesterday ？ Yesterday ？

---

Mr. egg ： Suppose we now want to develop a code generator , Call vue-ncgen-demo-cli Well , Guess how many steps you can take ？

Daniel ： I guess , Just one step .

Mr. egg ： this , It's a bit too much , I can't do it , bye

Daniel ： Joke, joke , Brother Dan, just say it straight

Mr. egg ： Let's go in three steps

• First step ： Generate code generator project

$ yarn create @ncgen/app # npm init @ncgen/app
 Copy code 

• The second step ： Write code generator logic

Found in the generated project ncgen-config.js , According to the logic of your code generator , Modify the configuration file

The sample configuration is here ：github.com/daniel-dx/v…

Here's a tip , When you need to add subcommands , Except copy and paste , In fact, you can do it more gracefully by means of subcommands

cd vue-ncgen-demo-cli
$ yarn create @ncgen/app add-sub # # npm init @ncgen/app add-sub
 Copy code 

• The third step ： To the world

$ npm run release
 Copy code 

---

Daniel ： Finished ？

Mr. egg ： Yes , Finished , It's that simple

Daniel ： How should my friends use this code generator ？

Mr. egg ： Ash is often simple , Example walk

#  install 
$ npm i vue-ncgen-demo-cli -g

#  Execute the main command to generate scaffold project 
$ vue-ncgen-demo-cli

#  Execute subcommands to insert code 
$ vue-ncgen-demo-cli add-component
 Copy code 

Daniel ： perfect , I can't wait to develop my own code generator

Mr. egg ： Looking forward to your feedback

---

ncgen github: github.com/daniel-dx/n… 【 Please add one Star Chant 】

ncgen file ：daniel-dx.github.io/ncgen/

keyword ：ncgen, scaffolding, generator, Code generator , The scaffold