类似于一个简易的模板引擎,可以在本地通过模板创建出项目中需要的文件或者copy代码。
可以参考:
在项目开发的过程中,经常要去创建一些文件,而这些文件往往都长得差不多。新来的同学们往往会去copy项目中已有的代码,然后再修修改改,当然老同学也很有可能去这样做。其实我们现在来想一下,这个过程其实是很浪费时间的,明明是差不多的代码,而且往往很多难记,所以我们不得不去copy现有的代码,类似”模板“一样的代码。
其实这个环节我们完全可以用工具来代替,来节约大家的时间,这也完全符合前端工程化
的思想。目前这个工具支持两种功能:
- 1、通过模板生成文件
- 2、复制文件内容到剪贴板
##一、用法
- 安装相应组件
npm install
- 写入口函数
入口函数可以参照demo目录里的写法,demo实现了两种功能。
通过模板生成文件
复制文件内容到剪贴板
//生成文件
var template = new Template({data: { methodName: methodName, fileName: fileName }, tempPath: path.resolve(__dirname + '/templates'), projectPath: path.resolve(config.projectPath)
})
template.create();//copy文件内容
var template = new Template({codesPath: path.resolve(__dirname + '/codes')
})
template.copy(fileName);
##二、参数
#####1) data
指模板文件tpl里所需要的变量,例如模板文件里用的是,那data对象里需要给出test对应的值。
#####2) tempPath
指模板文件的目录,要写绝对路径。
#####3) projectPath
输出的文件目录。
#####4) codesPath
指定需要copy到剪贴板的文件的目录。
##三、模板语法
#####1) 头部meta
以/–开头,以–/结尾。一般在这写相对projectPath
的路径
#####2) 代码内容
除了meta的部分就是代码内容。需要渲染的参数以’开头,以‘结尾。
例如:
#####3) 模板全名规范
*.tpl 。即以tpl为后缀名。
##四、实现方式
–demo 一些实际使用的示例
–libs 可能会用到的一些库
–templates.js 核心代码
//模板的核心代码
content.replace(new RegExp(leftFlag + '(\\w+)' + rightFlag, 'g'), function() {
return data[arguments[1]];
});
//拿头部时候的核心代码
content.substring(leftIndex + leftFlag.length, rightIndex).trim();
//copy的核心代码
//copy主要是用到了一个库copy-paste
require('copy-paste').copy('test',function(){});