1.什么是yoeman
Yeoman不仅仅是一个工具,它还是一个工作流,一个让web开发和谐甚至变得更好的工具和最佳实践的集合。它的主要用途是提高在构建web应用时的生产力和舒适度,由三种核心工具构成:yo(脚手架工具),bower(包管理工具),grunt(构建工具)。其作用分别如下:
Yo —— 搭建新应用的脚手架,编写你的Grunt配置并且安装你有可能在构建中需要的相关的Grunt任务。
Grunt —— 被用来构建,预览以及测试你的项目,感谢来自那些由Yeoman团队和grunt-contrib所管理的任务的帮助。
Bower —— 被用来进行依赖管理,所以你不再需要手动的下载和管理你的脚本了。
2.怎样安装yeoman
1)安装yo,前提是已经安装了npm和node.js
$ npm install -g yo //“-g”也可以写成“--global”,意思是将这个包安装在npm的全局文件夹中而非当前路径的文件夹。
2)如果你的npm版本高于1.2.10,上一条指令已经自动安装好了Grunt和Bower。如果用的是老版本,则需要手动安装:
npm install -g grunt-cli bower
如果你以前安装了全局的grunt,你需要首先卸载grunt
sudo npm uninstall -g grunt
然后再执行上一条指令,安装Grunt和Bower。
3)在创建一个脚手架的web应用程序时,你需要安装web应用的生成器
$ npm install --global generator-webapp
4)生成器安装好以后,就需要为你的工程创建目录
$ mkdir my-yo-project
$ cd my-yo-project
5)运行:
yo webapp
,下载工程模板
webapp是yo自带的工程模版,带有:html5 Boilerplate、jquery、Modernizr、Bootstrap、RequireJS等框架
如果报权限问题,就要切换到root用户下,或者提高用户的权限
6)yo还提供一些框架发生器,可用于脚手架的一个项目和横向视图,模型,控制器等
例如:脚手架出一个 AngularJS app(这是我们本次项目需要用的项目用例)
与往常一样,采用了新的生成器之前,必须从npm里安装
npm install -g generator-angular
在此之后,在你创建的应用程序的目录里运行:
yo angular //使用 Yeoman 创建一个 AngularJS 项目
可运行
grunt serve //开启 Grunt 的内置服务器
在浏览器上查看你工程的运行效果。
可能遇到的问题:如果你的npm版本高于1.2.10,可能也会出现bower为安装的问题,需要重新安装bower
可参考yeoman的官方网站:
http://yeoman.io/
分享到:
相关推荐
NULL 博文链接:https://damoqiongqiu.iteye.com/blog/1885371
快速安装yeoman 如果你没有 npm 然后去: 安装 npm sudo npm install npm -g 安装 yeoman npm install -g yo Yeoman 生成器前端样板 要运行“ generator-frontend-boilerplate”,请在任意位置下载源代码。 ...
安装Yeoman(在全球范围内安装时最好)。 npm install -g yo 安装此发电机。 npm install -g generator-rust-ffi 创建一个文件夹以供您的项目使用。 mkdir a-rust-lib && cd a-rust-lib 最后,启动发电机。 ...
如果还没有安装Yeoman,则还必须安装它。 要安装Yeoman,您可以运行以下命令: npm i -g yo 安装Node.js和Yeoman之后,您可以运行以下命令: npm i -g generator-eslint 用法 Yeoman生成器当前支持以下命令: ...
入门如何安装 Yeoman? 首先,请安装 whcih 是一个 Node 打包工具。 而且你还必须安装Nodejs 。 然后只有一步安装 Yeoman。 npm install -g yo如何安装generator-pygae 到目前为止,安装 generator-pygae 的唯一...
安装安装Yeoman和Generator 请按照以下步骤安装Yeoman和webfactory开放源代码生成器。 此操作仅需执行一次。 sudo npm install -g yocd ~/Projektegit clone git@github....
安装您必须安装Yeoman,这很容易: npm install -g yo然后,您可以安装此Yeoman生成器,这也很容易: npm install -g generator-fabric完毕!用法为链码创建一个新目录: mkdir my-smart-contract更改为链码的新目录...
安装说明在您的系统中安装nodejs 使用命令sudo npm安装yeoman,bower和grunt安装yo bower grunt-cli。 请参阅 使用commnad npm install generator:angular在yeoman中安装所需的生成器结帐并做grunt服务器它应该在...
generator-p5-webpack 通过babel为带有webpack,开发服务器和ES6的p5.js的Yeoman生成器内容__ 变更日志执照 安装首先,使用npm安装Yeoman和generator-p5-webpack(假设您已经预安装了node.js )。 npm install -g yo...
Telosys 工具Telosys Tools 通过从现有的 sql 数据库生成一个应用程序来帮助您...教程安装 yeoman npm install -g yeoman 安装telosys-generator为自耕农npm install -g telosys-generator 创建一个新目录 cd project1
假设你已经安装了 Yeoman,你可以运行yo dashi并且 generator-dashi 会 存根新的 Dashi 应用程序 整理所有 JavaScript 依赖项 将一些 git 配置文件放在适当的位置 设置一些方便的任务来支持 编辑时在浏览器中实时...
入门安装 Yeoman npm install -g yo安装 Bitovi Components Generator(本地) git clone git@github.com:bitovi-components/generator.gitcd generatornpm link启动生成器yo bitovi-component ` < component> ` 这...
现在,安装yeoman。 npm install -g yo 如果您想了解有关yeoman的更多信息,请查阅《 。 安装 要从npm安装generator-npm-es6,请运行: npm install -g generator-npm-es6 为您的新库创建一个目录: mkdir ...
如果尚未安装,请安装Yeoman生成器: npm install -g yo 之后,安装脚手架发电机: npm install -g generator-laravel-package-scaffolder 使用发电机 运行以下命令: yo laravel-package-scaffolder 并按照...
安装 Yeoman npm install -g yo 安装 generator-ng-flask npm install -g generator-ng-flask 新建一个目录,然后cd进去 mkdir name-app && cd $_ 搭建你的美味 AngularJS/Flask 应用程序 yo ng-flask nameApp ...
你需要先安装 Node.js,然后安装 Yeoman: npm install -g yo 用法 要从 npm 安装 generator-big-starter,请运行: npm install -g generator-big-starter 最后,启动生成器: yo big-starter 发展 检出代码,...
要使用learnfe生成器,您将需要安装Yeoman和生成器本身: npm install -g yo npm install -g generator-learnfe 用法 创建一个新的项目目录并cd到其中: mkdir my-new-project && cd $_ 在新目录中运行fe-base...
安装Yeoman $ npm install -g yo2.安装发电机 $ npm install -g generator-react-webpack-boilerplate3.生成项目 $ yo react-webpack-boilerplate运行项目(开发) $ npm run dev运行项目(生产)-OSX / Linux $ npm...
YeoPress 的官方非官方 Generator。 我神奇地从头开始,想着从哪里开始,一直运行着著名的5分钟安装。...如果您尚未安装Yeoman工具集,请立即进行安装,并且最好同时安装我(注意:不要键入$ ) : $ npm
如果尚未安装Yeoman,请npm install -g yo它: npm install -g yo 安装发电机: npm install generator-babel-express 用法 为新应用创建目录: mkdir example-app && cd $_ 运行发电机: yo babel-express