胡子状态

这是团队成员 Addy Osmani 发布的一篇文章。
在本期中,我们介绍了 React、ES6、桌面应用程序等生成器。

简介

大家好!4 月份对我们来说是一个特殊的月份,因为它标志着项目启动 3 周年,以及我们决定将二进制文件从 yeoman 重命名为 yo 即将满 2 周年。本月,Yeoman 的安装量也增长到了 130万 次,社区贡献了 1635 个 生成器

非常感谢所有贡献者,并特别感谢所有在他们的活动中展示 Yeoman 的全球活动组织者。 YeomanTOCodepen 聚会IBM 设计营OttawaJSJSMontreal 等都获得了我们的❤。没有你们,我们就无法做到这一点。

亮点

我们最近的一些亮点包括 React 社区中 Yeoman 在脚手架方面的使用增加,人们尝试使用 ES6 编写自己的 生成器,以及 Internet Explorer 产品经理 Ade Bateman 使用 yo 为 技术规范 创建脚手架。非常酷。

我们很高兴看到如此多的热情投入到项目脚手架中,并且正在开发一些新功能,使生成器能够扩展并构建在彼此之上。

聚焦:React

React 是 Facebook 用于创建用户界面的库。它创建了自己的虚拟 DOM,组件位于其中。这种方法提供了性能提升的潜力,因为 React 会预先计算 DOM 中需要执行的操作,并相应地批量更新 DOM 树。React 避免了代价高昂的 DOM 操作,并旨在以有效的方式进行更新。

现在有三个新的生成器可以帮助您快速开始使用 React:React 和 WebPack(推荐,支持 Flux 和 react-router),React 和 Flux(使用 Browserify),以及 React 和 Meteor

聚焦:ES6

现在还提供了一些新的生成器,可以快速将您的 ES6+ 代码转换为 ES5 代码。有用于 BabelAngular2Aurelia(一个使用 ES6 和 Web Components 的新框架)的生成器。在我的 es6-tools 项目中还可以找到更多 ES6 生成器。

聚焦:Electron

Electron(以前称为 atom-shell)允许您使用 JS/CSS/HTML 构建跨平台桌面应用程序。您可能已经在使用的一些使用它构建的应用程序包括 SlackAtom 编辑器(当然)和 Photoshop/Sketch 导出工具 Avocode

Electron 基于 io.js 和 Chromium,为了帮助您开始使用它进行项目开发,Sindre Sorhus 编写了一个快速 Electron 生成器,您可以尝试一下。如果想寻找灵感,他还会维护一个 awesome-electron 项目列表。

聚焦:Node

虽然我们许多人习惯于只使用 npm init 来完善我们的新 Node 模块,但有些人可能更喜欢更武断的替代方案。由此产生了 Sindre Sorhus 编写的 node-module-boilerplategenerator-nm。他的起点包括 EditorConfig、Travis 和开箱即用的单元测试起点。

相关地,如果您发现自己需要使用 node-inspector 自动调试 Yeoman 生成器,团队中的 Hemanth 编写了一个有用的 脚本,您也可以查看一下。

社区

以下是本月我们喜欢阅读的关于 Yeoman 或提及 Yeoman 的社区作者文章的汇总。了解如何构建完整的 WebRTC 客户端、Slack 机器人或自动化您的 Wordpress 主题工具工作流程。更多内容如下。

文章

使用 WebRTC 和 Yeoman 进行多用户视频会议

使用 ES6 编写 Yeoman 生成器

使用 Yeoman 将您的机器人部署到 #Slack

如何在 15 分钟内使用 AngularJS、Node.js 和 Stormpath 构建应用程序

使用 Yeoman 为 Wordpress 主题开发人员实现工作流程自动化

前端 [JS] 开发人员的基线:2015

Yeoman、Polymer 和 Gulp

将 Yeoman 与第三方工具集成

通过 Docker 使用 yo webapp

在 OS X Yosemite 上使用 PostCSS 进行 Node、Yeoman、Bower 和 Gulp

Yeoman 教程视频系列

AngularJS 应用程序的国际化

使用 JHipster 和 Yeoman 启动现代 Java 项目

如何设置现代 Web 应用程序并保持理智

如何将 Ruby on Rails 和 AngularJS 作为单页应用程序连接(Gulp 版本)

使用 Gulp 和 Sublime Text 3 进行实用的 TypeScript 开发

我们喜欢的一些生成器

Django 项目的新生成器

使用 Polymer 的移动 Chrome 应用入门套件

Angular + Gulp 生成器发布了新版本

带有 JSPM 和关键 CSS 优化的 Symphony2

Adobe Brackets 扩展生成器

核心公告

探索 npm3

npm@3 计划引入一些改进,包括缓存重写和不再默认安装 peerDependencies。此特定更改将对 yo 产生影响,因为它意味着您最终需要手动解决 peerDep 冲突。我们最终可能会将子生成器放在 dependencies 中,但期待充分利用 npm@3,因为它将使我们的用户受益。

弃用

正如 Simon 在生成器系统的 0.19 版本说明 中提到的那样,在我们努力清理 API 以便最终发布 1.0 版本的过程中,我们目前正在考虑弃用一组方法。与往常一样,请针对最新版本的 yeoman-generator 测试您的生成器,以确保一切都能顺利运行。

组合 FTW

很高兴看到越来越多的开发人员 增加 使用我们的 组合 功能来创建他们的生成器。这使得能够在共同的基础上进行构建,以便可以在另一个生成器中运行一个生成器,而不是必须复制功能。例如,调用生成器来构建 Karma 测试的脚手架,而不是在 AngularApp 生成器中执行此操作。

致敬

本次汇总就到这里。我们要提醒大家,我们一直在查看 @yeoman,并且乐于听到您对我们如何做得更好的建议、新闻、您编写的新的生成器,甚至只是您最喜欢的戴帽子的男人 涂鸦。如果您对下一篇文章有任何想法,也可以在此 主题 中提出。

下次再见,yo 赞


« 查看更多帖子