- 综合排序
- 最热优先
- 最新优先
- 来自专栏IMWeb前端团队
上手 yeoman generator
说到脚手架，不得不谈的就是yeoman了。 是什么 yeoman是一个脚手架生成工具。 yeoman generator则是yeoman的精髓所在。 从我的理解来看。 yeoman就是一个工具外壳，它定制了如何调用generator，给generator提供了运行环境。yeoman generator则是解耦出来的核心部分，负责完成一个脚手架应该做的事。 怎么做 yeoman的强大之处在于它提供了一套非常强大的编写自定义generator的API，而且上手非常容易。只要按照特定的约束，很快就可以定制一套自己的generator。 constructor: function () { generators.Base.apply(this, arguments) } // 方法A // 方法B }) 一个 Yeoman 更多的功能参见yeoman官方文档~~
68840发布于 2019-12-05 - 来自专栏前端新视界
Yeoman 官网教学案例：使用 Yeoman 构建 WebApp
STEP 1：设置开发环境 与 Yeoman 的所有交互都是通过命令行。 工具箱 如果已经安装了 node 环境，可以通过以下命令安装 Yeoman $ npm install -g yo 1.3 确认安装 首先确认 Yeoman 是否正确安装 $ yo --version 在 Yeoman的 语境中，脚手架材料表示通过一些配置为你的 webapp 生成文件。 Yeoman 会自动搭建你的 app，获取依赖包。几分钟之后我们将进行下一步。 STEP 4：查看Yeoman生产的app的目录结构 打开你的 mytodo 目录，看一下脚手架搭建了什么。 这些都是 Yeoman 所做的一部分。
3.2K70发布于 2018-01-17 - 来自专栏IMWeb前端团队
上手 yeoman generator
说到脚手架，不得不谈的就是yeoman了。 是什么 yeoman是一个脚手架生成工具。 yeoman generator则是yeoman的精髓所在。 从我的理解来看。 yeoman就是一个工具外壳，它定制了如何调用generator，给generator提供了运行环境。yeoman generator则是解耦出来的核心部分，负责完成一个脚手架应该做的事。 怎么做 yeoman的强大之处在于它提供了一套非常强大的编写自定义generator的API，而且上手非常容易。只要按照特定的约束，很快就可以定制一套自己的generator。 constructor: function () { generators.Base.apply(this, arguments) } // 方法A // 方法B }) 一个 Yeoman 更多的功能参见yeoman官方文档~~
84750发布于 2017-12-29 - 来自专栏小狼的世界
Yeoman学习与实践笔记
Yeoman的目的不仅是要为新项目建立工作流，同时还是为了解决前端开发所面临的诸多严重问题，例如零散的依赖关系。 而现在使用了Yeoman之后，所有的这些工作都被自动化、流程化了，我只需要按照既定的步骤来做，很多事情Yeoman都帮我做好了，对于前端开发来说，节省了非常多的力气。 遗憾的地方在于目前Yeoman的相关资料还比较少，中文的资料也非常少，对于如何深入的学习和定制化，还需要继续的钻研。 PS：吐槽一下百度，不得不说对于IT工作者来说，百度真的不是一个好的选择，输入Yeoman，除了Infoq的两篇介绍性的内容，其他的内容几乎与我需要的都相隔万里，也许是国内关注Yeoman太少的原因，但愿如此 参考资料： 1、Yeoman：适合现代Web应用的现代工作流 2、Yeoman.io 3、Nodejs.org 4、Compass 5、Yeoman Get Started
79031发布于 2018-07-24 - 来自专栏腾讯IVWEB团队的专栏
利用 yeoman 构建项目 generator
简介 yeoman是一个可以帮助开发者快速开启一个新项目的工具集。 在yeoman的官网中可以搜索到很多用于初始化项目的generator，可以用于快速开启项目。 同时yeoman也提供给开发者如何定义自己的generator，所有我们自己开发的generator都作为一个插件可以通过yo工具创建出我们需要的结构。 每一个包的keyword中必须包含yeoman-generator。files属性要指向项目的模板目录。 yeoman的run loop是一个有优先级的队列系统。采用Grouped-queue来维护yeoman的事件队列。
1.2K01发布于 2017-09-26 - 来自专栏腾讯IVWEB团队的专栏
yeoman-generator 中的 run loop 实现
本文作者：ivweb qcyhust 导语 在上一篇yeoman(利用yeoman构建项目generator)的构建项目介绍文中提到过一个yeoman genenrator的run loop。 当时提到“每一个添加进去的方法都会在generator调用的时候被调用，而且通常来讲，这些方法是按照顺序调用的”以及简单介绍了yeoman的方法执行顺序，这篇文章将仔细分析run loop的具体实现。 参考Run Loops 核心库Grouped-queue yeoman使用Grouped-queue来处理run loop。 yeoman有自己的事件生命周期，在前文中提到过，按照顺序列出来是initializing，prompting，configuring，default，writing，conflicts，install 简单实现yeoman的生命周期 明白了Grouped Queue的使用方法后原理后可以简单模拟yeoman genenrator的生命周期实现，首先定义任务队列： const queues = [
1.1K00发布于 2017-09-21 - 来自专栏carven
使用yeoman快速搭建前端项目结构
接触yeoman 最近在慕课网上观看@Materliu老师的课程React实战–打造画廊应用， 接触到了新的东西–yeoman。前端工程师可以通过yeoman快速的搭建好一个项目结构。 安装 当然，现在前端大部分工具都在node下运行，yeoman也一样，现在还没有搭建nodejs环境的前端工程师已经out啦。 下面是正式的搭建 安装yeoman 我们可以直接登录yeoman的官网查看Get Started教程。 现在我们要使用yeoman搭建一个react项目了。 他们给自己打了广告 结尾 yeoman还有很多的功能运用，包括测试、生成dist文件、持续插入新模块，使用，大家看看官方文档吧。 这里仅仅简单介绍了利用yeoman生成一个项目的事例。
68500发布于 2018-08-08 - 来自专栏kl的专栏
Yeoman generator之JHipster入门教程
JHipster（Java Hipster）是一个开源的Yeoman（Yo Gulp Bower）生成器，可以用来快速生成Spring boot+AngularJS能够方便集成swagger，elasticsearch 第一步，环境搭建 和get yeoman一样，yeoman脚手架环境建好后，只要添加jhipster的生成器就ok了，注意的是，需要添加java的一些环境，下面再次整理下步骤 安装Java环境 Maven ，或者graldle，主要用来下载spring boot的jar依赖 从git-scm.com安装Git，推荐安装SourceTree 安装Node.js ，包管理器npm自带 安装Yeoman 下面是我选的项目依赖截图，供参考 所有选项选完后，Yeoman就开始帮你创建项目了，你会看到控制台打印了一大推Yeoman生成的文件的信息以及下载的项目依赖的js模块信息等等，这里jhipster
98180编辑于 2023-11-18 - 来自专栏kl的专栏
Yeoman generator之JHipster入门教程
JHipster（Java Hipster）是一个开源的Yeoman（Yo Gulp Bower）生成器，可以用来快速生成Spring boot+AngularJS能够方便集成swagger，elasticsearch 第一步，环境搭建 和get yeoman一样，yeoman脚手架环境建好后，只要添加jhipster的生成器就ok了，注意的是，需要添加java的一些环境，下面再次整理下步骤 安装Java环境 Maven ，或者graldle，主要用来下载spring boot的jar依赖 从git-scm.com安装Git，推荐安装SourceTree 安装Node.js ，包管理器npm自带 安装Yeoman 下面是我选的项目依赖截图，供参考 所有选项选完后，Yeoman就开始帮你创建项目了，你会看到控制台打印了一大推Yeoman生成的文件的信息以及下载的项目依赖的js模块信息等等，这里jhipster
1K90编辑于 2023-11-18 - 来自专栏陈仁松博客
使用Yeoman创建ASP.NET Core项目
1.Yeoman 是什么？ Yeoman是一个自动化脚手架工具。它提供很多generator，generator相当于模板，用来初始化项目。 具体的大家可以看 http://yeoman.io/ 2.安装 Yeoman 安装yeoman之前你需要先安装npm。npm是一个JavaScript的包管理工具，一般跟nodejs配合使用。 YeomanDemo 使用Yeoman创建YeomanDemo Yeoman会显示一个界面让你去选择创建的项目的类型 ? dotnet restore dotnet build dotnet run 使用Yeoman创建middleware Yeoman功能很强大，还可以安装其他的generator，比如 npm install 5.总结 使用Yeoman只要几个简单的命令，就帮助我们建立一个项目，感兴趣的可以自己编写一个generator玩玩
1.4K70发布于 2018-03-20 - 来自专栏kl的专栏
Yeoman 生成的 Angular 脚手架详解
将 <%= yeoman.app %>/images 中的图片压缩到 <%= yeoman.dist %>/images 中。 将 <%= yeoman.app %>/ 的所有 html、图片、字体文件、.htaccess 拷贝到 <%= yeoman.dist %> 下。 将 <%= yeoman.dist %>/{,*/}*.html 和 <%= yeoman.dist %>/styles/{,*/}*.css 中的 usemin 块替换为 '<%= yeoman.dist 优化的 html 文件为 <%= yeoman.app %>/index.html ，优化后的文件路径为 <%= yeoman.dist %> 。 imagemin 将 <%= yeoman.app %>/images 中的图片压缩到 <%= yeoman.dist %>/images 中。
85510编辑于 2023-11-17 - 来自专栏腾讯IVWEB团队的专栏
使用Yeoman generator来规范工程的初始化
本文分为两部分，首先会谈谈目前团队的痛点以及基于yeoman generator的设计思路；然后会详细介绍如何实现定制的generator，过程中遇到的问题和解决办法。 const Generator = require('yeoman-generator'); module.exports = class extends Generator { } Yeoman的运行周期 那么，有没有什么方法，不添加generator到Yeoman的generator列表里就能够使用呢？ 幸运的是，Yeoman提供了yeoman-environment来帮助我们在其它工具中集成编写好的generator，yo其实也只是yeoman-environment暴露到上层的一个命令而已。 const yeoman = require('yeoman-environment'); const yeomanEnv = yeoman.createEnv(); /** * Lookup方法会在本地查找已经安装过的
1.8K00发布于 2017-07-20 - 来自专栏大史住在大前端
大前端的自动化工厂（1）——Yeoman
一.Yeoman是什么 Yeoman是现代化前端项目的脚手架工具，用于生成包含指定框架结构的工程化目录结构。它是整个前端自动化工厂的第一站。 二.Yeoman的一般使用方法 详情请参考【Yeoman官方网站】 1.使用包管理工具安装yo 使用npm：npm install -g yo 使用yarn：yarn global add yo 安装后在命令行输入 3.1 使用方法 你可以通过如下方式使用它： 通过在自己的项目中引用yeoman-generator，使用yeoman的API编写定制的模板文件(注意使用此种方法时，如果希望通过yo来调用生成器，则需要按指定的方式编写 Yeoman与工具链集成 与前端工程化工具链的集成或许是Yeoman最恰当的归宿，为此Yeoman团队索性开源开到底，直接公开了其核心库yeoman-enviroment，使得generator模板可以不必通过 yo工具就可以被调用，引用的方式比较简单： var yeoman = require('yeoman-environment'); var env = yeoman.createEnv(); //generator-XXX
1.5K40发布于 2018-09-10 - 来自专栏前端开发
Yeoman: 一个现代化软件开发工具的详尽解析
以下内容将详细解析 Yeoman 的工作原理、核心组成部分及其实际应用。背景与概述Yeoman 于 2012 年由 Google 工程师团队提出，其开发目的是简化 Web 应用的开发流程。 Yeoman 通过自动化这些流程，让开发者专注于核心业务逻辑。Yeoman 本质上是一个脚手架工具，能够快速搭建项目的基本结构。 核心组成部分Yeoman 主要由以下三个核心组件组成，每个组件在实现 Yeoman 功能中扮演着至关重要的角色。1. Yeoman 命令行界面（Yo）Yo 是 Yeoman 的命令行工具，用户通过它运行各种生成器。它提供了一个简洁的界面，供开发者选择预设的模板或输入自定义配置。 通过上述流程，Yeoman 实现了从模板定义到项目搭建的无缝衔接。实际应用场景Web 应用开发在现代 Web 开发中，Yeoman 被广泛用于快速构建单页应用（SPA）。
61000编辑于 2024-12-16 - 来自专栏鱼皮客栈
一键生成几千套代码模板，这个神器有多刺激！
今天给大家推荐一款知名的前端脚手架工具 Yeoman ，上手简单、功能强大，只需一键，就能从 9000 多套项目模板中生成你想要的代码！ 不止前端，还有各种后端、全栈的项目模板。 yeoman 仓库 下面给大家简单演示下 Yeoman 的使用。 使用 Yeoman 进入官方文档（yeoman.io），首先打开终端，用一行 npm 命令来全局安装 yeoman： npm install -g yo 然后输入 yo 即可使用工具，看到如下菜单表示安装成功 以后做新项目时，除了使用框架官方自带的模板外，yeoman 也是一个不错的选择~
1.3K40编辑于 2021-12-15 - 来自专栏.NET开发那点事
在Mac上开发使用yeoman构建Asp.net core项目并且实现分层引用
1.Yeoman? yeoman是一个自动化脚手架工具。它提供很多generator，generator相当于VisualStudio的模板，用来初始化项目。 http://yeoman.io/ 2.安装 yeoman 安装yeoman之前你需要先安装npm。npm是一个JavaScript的包管理工具，一般跟nodejs配合使用。 $npm install -g bower $npm install -g generator-aspnet 安装完成后就可以使用yeoman了。 4.使用 yeoman 使用之前我们先假设一下我们的项目叫Coreyo，其中分了2个项目，一个叫Coreyo.Web，一个叫Coreyo.Services。 我们先新建一个项目的根目录Coreyo mkdir Coreyo cd Coreyo 使用yeoman创建Coreyo.Web yo aspnet yeoman会显示一个界面让你去选择创建的项目的类型
1.2K30编辑于 2022-05-07 - 来自专栏前端桃园
如何快速开发一个自己的项目脚手架？
Yeoman 就是一个可以帮我们快速创建脚手架的工具。 ? 可能很多同学都不太了解，那么先简单介绍一下 Yeoman 是什么，又是如何帮我们来简化脚手架搭建的。 而我们填充代码的地方，在 Yeoman 中叫做 generator，物如其名，Yeoman 通过调用某个 generator 即可生成（generate）对应的项目。 创建 generator（yeoman-generator） 创建 Yeoman 的 generator 需要遵循它的规则。 首先是 generator 命名规则。 这是 Yeoman 中的一个约定：Yeoman 执行顺序中有个default阶段，该阶段包含了所有用户自定义的类方法。 使用该脚手架会同时需要 Yeoman 与上述咱们刚创建的 yeoman-generator。当然，有一个前提，Yeoman 与这个 generator 都需要全局安装。
3.2K20发布于 2020-03-25 - 来自专栏前端面试秘籍
React篇(002)-React项目用过什么脚手架（本题是开放性题目）
6.Neutrino：创建和构建零初始配置的现代JavaScript应用程序 7.Yeoman： Yeoman提供generator系统，一个generator是一个插件，在我们在一个完整的项目上使用‘ 通过这些官方的Generators，推出了Yeoman工作流，工作流是一个健壮、有自己特色的客户端堆栈，包含能快速构建漂亮的网络应用的工具和框架。 Yeoman提供了负责开始项目开发的一切，没有任何让人头痛的手动配置。 采用模块化结构，Yeoman利用从几个开源社区网站学习到的成功和教训，以确保栈开发人员越来越智能的进行开发。 基于良好的文档基础以及深思熟虑的项目构建过程，Yeoman提供测试和其他更多技术 ，因此开发人员可以更专注于解决方案而不用去担心其他小事。 Yeoman主要提供了三个工具：脚手架（yo），构建工具（grunt），包管理器（bower）。这三个工具是分别独立开发的，但是需要配合使用，来实现我们更高效的工作流模式。
1.5K10编辑于 2022-05-12 - 来自专栏葡萄城控件技术团队
Mac OS 环境下 安装 Asp.Net及使用Yeoman 创建Asp.Net 项目
Yeoman 上已经有 Asp.net 的 generator. 如果没有 Yeoman 先安装 Yeoman， Yeoman 的介绍: http://yeoman.io/ Yeoman下面有各种项目基础框架的generator > npm install -g yo 安装 Asp.net generator > npm install -g generator-aspnet 使用 yeoman 开启一个 Asp.Net 项目 > yo aspnet 这里使用
2.3K90发布于 2018-01-10 - 来自专栏前端架构与工程
不仅仅是复制粘贴 - 聊聊前端脚手架
2.3 yeoman - 可能是最好的开源脚手架框架 提起脚手架这三个字就不得不提yeoman这名老将。Yeoman在2012年Google I/O上首次发布，至今已经5年的光景了。 对于前端技术圈子来说，5年的时间可以让绝大部分的技术遭到淘汰，而yeoman坚持到了今天，且扔未现衰退之势。 而yeoman之所以能“活”这么久，得益于它明确的定位。 yeoman不能直接创建项目文件，它提供了一套完整的开发脚手架API，你可以通过这些API定制符合自己业务需求的任意的脚手架方案。换句话说，yeoman不封装任何方案，它是完全开放、高度可扩展的。 yeoman的API具备了前文所列出的脚手架需要具备的所有要素，如果你需要开发一个属于自己的脚手架，yeoman是最好的选择。
1.5K60发布于 2018-01-30
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号