quickly-template
一个根据已有模板快速生成新的模块的命令行工具,为了解决开发中手动复制粘贴的问题,并且模板是可以动态的添加和设置,
可以满足目前常见的模式redux
小程序 react
vue
都可以。
安装
$ npm i quickly-template -g
命令概览
$ qt new <template> <name> [target]
$ qt new page new-page
以page
为模板创建一下新模块new-page
并输出到当前目录$ qt new pa new-page
同样是以page
为模板创建一下新模块new-page
并输出到当前目录,因为template
支持简写形式,简写只要满足startsWith
就会认为其相等的$ qt new page new-page pages
以page
为模板创建一下新模块new-page
并输出到pages
目录
/example/
用法详见art-tempate编译
模板使用编译前
'hi, {{name}}' 'hi, {{name|pascal}}' 'hi, {{dirname|pascal}}'
编译后
'hi, newPage.' 'hi, NewPage.' 'hi, NewPage.'
向art-template 传入数据源
目前只提供一种方式像模板传入数据源,即编辑qt.config.js
,如下面的例子就是向page
模板传入数据源{v:1}
此外数据默认会包含name属性,所以最终传入的数据源为{v:1,name:xxx}
moduleexports = root: '_template' filter: page: v: 1
默认支持的 art-template filter
除了pascal是我写的其他都是引用lodash的,具体用法参见lodash
- pascal
- camelCase
- capitalize
- lowerCase
- lowerFirst
- startCase
- toLower
- toUpper
- trim
- trimEnd
- trimStart
- escape
- unescape
- upperCase
- upperFirst
针对具体模板文件的特殊配置
假设有模板文件名为some-file[target=page][rename=false]
相当于对此模板文件配置target
和rename
参数,并且优先级高于命令行传入的参数,目前支持这俩个配置
rename 用法例子
模板目录结构
- some-template
- page.js
- page.jsx
- stores
- store[rename=false].js
- server[rename=false].js
$qt new some-template newPage --rename
生成
执行- newPage
- newPage.js
- newPage.jsx
- stores
- store.js
- server.js
target 用法例子
指定模板文件输出到不同的目录下
模板目录结构
- some-tempalte
- action[target=action].js
- reducer[target=reducer].js
- index.js
$qt new some-tempalte newPage
生成
执行- some-tempalte
- action
- action.js
- reducer
- reducer.js
- index.js
- action
API
usage: qt new <template> <name> [target]
选项:
--version 显示版本号 [布尔]
--config 配置文件所在位置
--root 模板所在根目录,相对目录,基于context来获取root的绝对路径,默认值"_template"[字符串] [默认值: "_template"]
--context qt.config.js文件所在目录 > 优先级package.json所在目录 >process.cwd() [字符串]
--target 新生成模块的输出路径,相对process.cwd(),默认"." [字符串] [默认值: "."]
--template 当前使用的模板,模板可选范围即root下面指定的模板,支持简写即当前有模板page那么p,pa,pag等效 [字符串]
--name 新生成模块的名称 [字符串]
--rename, -r 为了兼容微信小程序的形式新生成的模块目录下面的文件名字是否全部改变为跟新模块一致 [布尔] [默认值: false]
--help, -h 显示帮助信息 [布尔]