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 name
component 是_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 多個效果的生成,著實不賴。不過經過使用體驗,發現這個工具還不能支援中文,這麼好用的工具,希望作者後續...