Yeoman

Yeoman全局装置Yo yarn global add yo # npm install yo --global装置对应的generator yarn global add generator-node # npm install generator-node --global在我的项目工程文件夹下，通过yo运行generator yo node 依据一堆根本信息填入或者疏忽造成一个根本的我的项目构造运行Sub Generator命令格局yo node:cli 退出冒号会新增一个目录构造 链接到全局yarn link装置依赖包yarn应用Yeamoan能够创立任意类型的我的项目，应用Yeoman步骤 明确你的需要找到何时的Generator全局装置找到的Geneerator通过Yo运行对应的Generator通过命令行交互填写选项生成你所须要的我的项目构造yeoman地址 Generator根本构造yeoman中generators文件目录名称构造为generator-<name>依据模板创立文件，绝对于手动创立每一个文件，模板的形式大大提高了效率 咱们能够依据模板创立一个残缺的vue,react我的项目，将根底我的项目架构放入templates中，writting办法中依据文件相对路径，遍历每个相对路径，生成绝对于模板。公布到npm Polp一个小而美的脚手架工具，用于我的项目中创立特定文件类型的工具,相似于Yeoman的Sub Generator举个例子：我的项目中常常要写页面，可能会有一个jsx或者tsx文件，还有一个款式文件，比方less文件，每次创立的时候，一些最根底的代码都是相似的，每次要写新页面的时候就会很繁琐，做一些反复的工作，这时能够用到plop 装置plop为开发依赖yarn add plop --dev 根目录下创立一个plopfile.js文件// plop入口文件，须要导出一个函数// 此函数承受一个plop对象，用于创立生成器工作module.exports = plop => { plop.setGenerator('component', { description: 'application component', prompts: [ { type: 'input', name: 'name', // 用户输出的组件名 message: 'component name' } ], actions: [ // 执行动作 { type: 'add', // 增加文件 path: 'src/components/{{name}}/{{name}}.jsx', // 文件生成目录 templateFile: 'component-plop-templates/component.jsx.hbs' // 生产文件对应模板目录 }, { type: 'add', path: 'src/components/{{name}}/{{name}}.less', templateFile: 'component-plop-templates/component.less.hbs' }, { type: 'add', path: 'src/components/{{name}}/{{name}}.test.jsx', templateFile: 'component-plop-templates/component.test.jsx.hbs' } ] })}根目录下还须要创立对应的模板文件对应代码能够是 ...