Yeoman是一个强健的工具,库,及工作流程的组合,帮你网页开发者快速创建出漂亮而且引人入胜的网页程序
功能特性如下:
快速创建骨架应用程序——使用可自定义的模板(例如:HTML5、Boilerplate、Twitter Bootstrap等)、AMD(通过RequireJS)以及其他工具轻松地创建新项目的骨架。
自动编译CoffeeScrip和Compass——在做出变更的时候,Yeoman的LiveReload监视进程会自动编译源文件,并刷新浏览器,而不需要你手动执行。
自动完善你的脚本——所有脚本都会自动针对jshint(软件开发中的静态代码分析工具,用于检查JavaScript源代码是否符合编码规范)运行,从而确保它们遵循语言的最佳实践。
内建的预览服务器——你不需要启动自己的HTTP服务器。内建的服务器用一条命令就可以启动。
非常棒的图像优化——Yeoman使用OptPNG和JPEGTran对所有图像做了优化,从而你的用户可以花费更少时间下载资源,有更多时间来使用你的应用程序。
生成AppCache清单——Yeoman会为你生成应用程序缓存的清单,你只需要构建项目就好。
“杀手级”的构建过程——你所做的工作不仅被精简到最少,让你更加专注,而且Yeoman还会优化所有图像文件和HTML文件、编译你的CoffeeScript和Compass文件、生成应用程序的缓存清单,如果你使用AMD,那么它还会通过r.js来传递这些模块。这会为你节省大量工作。
集成的包管理——Yeoman让你可以通过命令行(例如,yeoman搜索查询)轻松地查找新的包,安装并保持更新,而不需要你打开浏览器。
对ES6模块语法的支持——你可以使用最新的ECMAScript 6模块语法来编写模块。这还是一种实验性的特性,它会被转换成eS5,从而你可以在所有流行的浏览器中使用编写的代码。
PhantomJS单元测试——你可以通过PhantomJS轻松地运行单元测试。当你创建新的应用程序的时候,它还会为你自动创建测试内容的骨架。
目前仅支持Mac OS环境,不过windows下的版本正在开发中,相信不久就可以发布!
脚手架工具开发 脚手架的本质作用就是为了创建项目的基本结构,提供项目的规范和约定 一切技术都是为了解决问题而存在的。 我们在不同的项目中,可以会存在很多相同的地方,如:组织结构、开发范式、模块依赖、工具配置、基础代码。为了方便,避免做太多重复操作,所以就出现了脚手架。 目前常用的脚手架工具 react ==> creat-reate-app vue ==> vue-cli angular ==>
项目网址: generator-mysample: 用Yeoman生成自己项目框架的生成器项目 一. Yeoman简介 Yeoman是一个通用的脚手架工具(比vue-cli、create-react-app等更加灵活通用,不限制于某种开发语言或框架。) 它可以帮助开发人员快速构建web应用程序的工具和框架。 Yeoman可以定义项目生成模块(Generator),再通过执行生成模块来生成项目。 定
yeoman 帮助我们创建项目,提供跟好的工具来使我们的项目更加多样化 提供了generator系统一个generator是一个插件,我们在一个完整的项目上使用yo命令时,会运行该generator函数,通过这些官方的generator,推出了工作流,工作流是一个健壮,有自己自己特色的客户端堆栈,包含能够快速构建漂亮的网络应用的工具和框架,它提供了负责开始项目开发的一切,没有任何让人头痛的手动配置
节点和组件 坐标系和变换 管理节点层级和显示顺序 使用场景编辑器搭建场景图像 场景摄像机配置面板 在学习了上述基本的场景设置和搭建流程后,我们接下来会分三个部分分别介绍组成场景的各类元素: 图像和渲染元素 UI 系统和控件 动画系统 请在完成本章后继续了解这些系统和元素。 继续前往 节点和组件 说明文档。
场景是游戏中的环境因素的抽象集合,是创建游戏环境的局部单位,我们可以理解为游戏开发设计人员通过在编辑器中制作一个场景,来表现游戏中的一部分世界内容。 场景结构 Cocos Creator 通过节点树和节点组件系统实现了自由的场景结构。其中 Node 负责管理节点树的父子关系以及空间矩阵变换 Transform,这样可以轻松地在场景中管理和摆放所有的实体节点。 组件系统赋予了节点各种各样的高级功能,
实现细节 添加路由器接口 删除路由器接口 启动新的虚拟机节点 删除虚拟机节点
完成每项开发任务,你都会用到一套流程,流程里面很重要的一部分就是工具。学习开发之前,有些必备的工具可以提前准备一下,你不需要成为使用这些工具的专家,做简单的了解以后,就可以投入到开发的学习中去了。
这是一个具备完整结构的标准流程工作台,如果你希望隐藏一些功能模板,可以进行如下操作,Excel服务器系统管理—〉其它设置,如图所示: E立方管理软件Excel服务器在你不需要显示的模块前面打勾选择即可,另外对于管理员来说他们总是可以看见一个完整的流程工作台。 如果你不想改变整个流程工作台的结构,而只是不想在“已处理-未完成”显示某个工作流模板的未完成工作流,那么只需要在该模板的流程图属性
现在我们知道了什么是Sass,那我们就开始使用它来创建样式吧。我们的第一个任务就是在你的电脑上安装Sass。我在第一章提到过Sass是用Ruby编写的程序,并且使用Ruby来编译成CSS。所以,在我们使用Sass之前,我们需要安装Ruby。 在苹果电脑(MAC)上安装Sass 如果你有一台MAC电脑(那你应该高呼万岁,你是这么的幸运),那么安装就会变得更简单。MAC OS X系统预安装了Ruby和
Cocos Creator 的引擎部分包括 JavaScript、Cocos2d-x-lite 和 adapter 三个部分。全部都在 GitHub 上开源。地址在: JavaScript 引擎:https://github.com/cocos-creator/engine Cocos2d-x-lite 引擎:https://github.com/cocos-creator/cocos2d-x-l
Cocos Creator 3D 的引擎部分包括 JavaScript、Cocos2d-x-lite 和 adapter 三个部分(暂不支持 adapter 引擎定制)。全部都在 github 上开源。地址在: JavaScript 引擎:https://github.com/cocos-creator/engine Cocos2d-x-lite 引擎:https://github.com/coc