前端工具-Yeoman模板 + 接收用户输入

开门见山

在前端工具-自定义generator文章中，介绍了如何自定义generator模块，以及生成对应的文件，如果是一个接一个写文件的话比较费力，好在我们有模板语法通过模板语法，大大提高了效率

模板语法


const Generator = require('yeoman-generator');module.exports = class extends Generator {//通过模板的方式写入文件到目标目录  模板内部自动使用EJS语法//模板路径const templ = this.templatePath('foo.txt');//输出目标路径const output = this.destinationPath('foo.txt');//文件内容const content = {title:"hello world",success:"success"}//运行  自动把模板文件映射到输出文件上this.fs.copyTpl(templ,output,consent)
}

接收用户输出

不知道大家有没有印象，在vue使用过程中，有需要输入项目名称，那么是怎么做到的呢，其实就是接收用户输入信息而已
为大家演示一下

//只需要实现prompt方法即可，const Generator = require('yeoman-generator');module.exports = class extends Generator {prompting(){return this.prompt([{ //可以type: "input", //输出name: "name", //key值 name其实就是洗面answer的namemessage: "Your project name", //提问信息default: this.appname //默认名字}]).then(answer => { //支持链式调用//answer => { name :"user input value" }  并且挂载到this以便于更好地调用this.answer = answer})}//通过模板的方式写入文件到目标目录  模板内部自动使用EJS语法//模板路径const templ = this.templatePath('foo.txt');//输出目标路径const output = this.destinationPath('foo.txt');//文件内容const content = this.answer //在这里将content替换成this.answer//运行  自动把模板文件映射到输出文件上this.fs.copyTpl(templ,output,consent)
}

谢谢观看，如有不足，敬请指教

前端工具-Yeoman模板 + 接收用户输入相关推荐

iOS 11开发教程（十七）iOS11应用视图之使用按钮接收用户输入
iOS 11开发教程(十七)iOS11应用视图之使用按钮接收用户输入在iOS中提供了很多的控件以及视图来丰富用户界面,对于这些视图以及控件我们在上一章中做了简单的介绍.本章我们将详细讲解这些视图. ...
Xamarin iOS教程之使用按钮接接收用户输入
Xamarin iOS教程之使用按钮接接收用户输入 Xamarin iOS使用按钮接接收用户输入按钮是用户交互的最基础控件.即使是在iPhone或者iPad中,用户使用最多操作也是通过触摸实现点击 ...
CMD命令行接收用户输入信息
CMD命令行接收用户输入信息可以把下面的代码块Copy到一个以bat为后缀的文件中,双击就可以看到效果 ********************************************** ...
03-java学习-基本数据类型-运算符-键盘接收用户输入
java的八大基本数据类型: 类型转换的基本原则: java整数的默认类型是int,小数的默认类型是double 运算符: 算术运算符.连接.赋值.关系.逻辑.三目运算符等-- 键盘接收用户输入: j ...
PHP-企业微信二次开发-接收用户输入消息内容并响应相关业务逻辑
企业微信接收用户输入消息内容并响应前面一节说明了企业微信设置API接收,服务器回调配置的一些说明.这一节我们接着后面的内容来讲下在企业微信中,如何通过应用,接收用户消息. 业务逻辑:企业微信向回调地 ...
接收用户输入的原价。满1000打9折；满2000打8折；满5000打5折
package cn.tedu.basic; import java.util.Scanner; /*需求: 接收用户输入的原价.满1000打9折;满2000打8折;满5000打5折/ public ...
接收用户输入的一个5位数，求个位数、十位数、百位数、千位数、万位数的和
题目: 接收用户输入的一个5位数,求个位数.十位数.百位数.千位数.万位数的和. /常规方法/// 12345 您输入的数万位是:1,千位是:2,百位是:3,十位是:4,个位是:5. 各位的和为:15 ...
问题 C: 1.01 字符串拼接编写程序实现接收用户输入的两个字符串，将它们组合后输出。
问题 C: 1.01 字符串拼接时间限制: 1 Sec 内存限制: 128 MB 提交: 8394 解决: 3559 [提交] [状态] [讨论版] [命题人:lip] 题目描述编写程序实现接收用 ...
编写程序接收用户输入分数信息，如果分数在0—100之间，输出成绩。如果成绩不在该范围内，抛出异常信息，提示分数必须在0—100之间。
功能:编写程序接收用户输入分数信息,如果分数在0-100之间,输出成绩.如果成绩不在该范围内,抛出异常信息,提示分数必须在0-100之间. 要求:使用自定义异常实现思路:1.创建扫描器并录入分数:2 ...

前端工具-Yeoman模板 + 接收用户输入

开门见山

模板语法

接收用户输出

前端工具-Yeoman模板 + 接收用户输入相关推荐

最新文章

热门文章