hygen 自動化模板生成器 快速入門

2021-10-08 09:50:04 字數 2297 閱讀 8437

hygen是乙個簡單,快速,可擴充套件的**生成器。

一、安裝hygen:

如果已經安裝好node.js,則可以使用npm(或者yarn),進行全域性安裝以便在其他專案中使用。

$ npm i -g hygen
二、初始化hygen:
$ hygen init self
執行完成後我們可以看到在我們的專案根目錄下生成了乙個 _templates 資料夾。

三、構建第乙個專案生成器:

$ hygen generator new

mygen

可以看到 _templates 資料夾下多了乙個 component檔案其下面還有乙個new資料夾。

四、編寫模板檔案:(基於react專案)

1、首先我們可以刪掉 new 資料夾下的專案,我們新建乙個index.ejs.t 檔案

裡面**如下:

--

-to: src/components/

<

%= name %

>

/index.js---

import react from

'react'

;import proptypes from

'prop-types'

import styled<

%= name %

>

from

'./style'

function

<

%= name %

>()

>

<

/styled<

%= name %

>>);

}<

%= name %

>

.proptypes =

export

default

<

%= name %

>

**解釋:

2、接下來我們建乙個style.ejs.t檔案

**如下:

--

-to: src/components/

<

%= name %

>

/style.js---

import styled from

"styled-components"

;const styled<

%= name %

>

= styled.div``

;export

default styled<

%= name %

>

;

3、最後建立乙個stories.ejs.t檔案

**如下:

--

-to: src/components/

<

%= name %

>

/<

%= h.changecase.

lcfirst

(name)

%>

.stories.js---

import react from

"react"

;import

<

%= name %

>

from

".";

export

default

;export

const

default=(

)=>

<<

%= name %

>>預設<

/<

%= name %

>>

;

注:h.changecase.lcfirst(name)將傳進來元件名字的首字母變成小寫。

五、生成模板:

$ hygen component new

name

注:name 首字母大寫。

命令中$ hygen component new namecomponent 是_templates 資料夾下的 也是hygen的生成器,new 是 component資料夾下的action。

hygen可以有多個生成器,乙個生成器下可以有多個action ,之前我們建立 component 資料夾時是使用了_templates 資料夾下的 generator 生成器,generator是用來生成生成器的生成器。

分析報告生成器,Word文件自動生成器

多特 軟體介紹 該軟體為共享軟體,如果你喜歡這個軟體,並且能為你帶來價值,請購買。軟體 為 2900元 套.乙個使用者可以部署在兩台電腦上執行。在日常工作中,你一定遇到這樣的事情,經常要在每個固定時間出乙個報告,或簡單或複雜。每次還可能要改動一些引數。報告的形式可能是文字描述,也有圖表,但格式都不固...

Image Builder, 快速韌體生成器

image builder,快速韌體生成器,用此建立韌體可以省去重新編譯的麻煩,大大縮短編譯時間。利用 imagebuilder 可以生成自己所需要的韌體,告別和別人伸手乞討韌體的磨練 1.mkdir imagebuilder ar71xx 2.cd imagebuilder ar71xx open...

12 款自動生成器

一開始被這個效果器吸引是可以做出在雪地裡寫字的效果,這簡直是南方娃的福音啊,而且可以隨時浪漫一把。後來研究這個工具,豈止是 雪地 這乙個場景,整個 上支援特殊節日 特殊場景等 21 個類目下 600 多個效果的生成,著實不賴。不過經過使用體驗,發現這個工具還不能支援中文,這麼好用的工具,希望作者後續...