`
tiantian-yuqing
  • 浏览: 23710 次
  • 性别: Icon_minigender_2
  • 来自: 成都
社区版块
存档分类
最新评论
阅读更多
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/
分享到:
评论

相关推荐

    前端开源库-yeoman-handlebars-engine

    在使用"yeoman-handlebars-engine-master"这个压缩包时,首先需要确保已安装Yeoman全局环境。然后,可以克隆或下载这个库到本地,并将其安装为本地依赖。接下来,开发者可以开始编写自己的生成器,利用Handlebars的...

    Node.js-Yeoman工程脚手架可以生成基础微服务项目CRUD代码

    1. 安装 Yeoman 和所需的生成器:首先,开发者需要在全局安装 Yeoman 和特定的生成器,通过 `npm install -g yo generator-name` 命令。 2. 初始化项目:在项目目录下运行 `yo generator-name`,启动生成器并按照...

    基于yeoman构建vuewebpackes6的项目

    1. 安装Yeoman和Vue.js生成器:首先确保Node.js环境已经安装,然后通过npm(Node.js包管理器)全局安装Yeoman和`generator-ldxProject`: ``` npm install -g yo generator-ldxProject ``` 2. 创建项目目录并...

    Laravel开发-yeoman

    1. **安装 Yeoman 和相关生成器**:首先确保 Node.js 已安装,然后使用 npm(Node.js 包管理器)全局安装 Yeoman 和 Laravel 生成器: ``` npm install -g yo generator-laravel ``` 2. **创建新项目**:在终端...

    react-generatormaterialreact是yeoman脚手架的一个示例项目

    安装Yeoman和`generator-material-react`后,通过命令行执行生成器,创建项目。接着,开发者可以依据生成的项目结构开始编写代码,利用已集成的Material Design组件来快速构建界面。 **总结** `React Generator ...

    Android-[YeomanGenerator]为AndroidApp生成KotlinMVP架构的样板

    1. **安装 Yeoman 和生成器**:确保已安装 Node.js,然后使用 npm(Node Package Manager)全局安装 Yeoman 和 generator-kotlin-android。在命令行中运行以下命令: ``` npm install -g yo npm install -g ...

    项目中用Yeoman构建AngularJS

    接下来,通过npm(Node包管理器)全局安装Yeoman和所需的Generator: ```bash npm install -g yo npm install -g generator-angular ``` 安装完成后,运行以下命令创建新项目: ```bash yo angular my-app ``` ...

    yeoman generator for Angularjs 前端开发神器

    1. 安装 Yeoman 和 AngularJS 生成器: ``` npm install -g yo npm install -g generator-angular ``` 2. 创建新项目目录并进入: ``` mkdir my-angular-app cd my-angular-app ``` 3. 运行生成器: ``` ...

    基于yeoman快速搭建AngularJS框架的HTML5 app.zip

    1. 安装Yeoman和相关生成器(在这个例子中是AngularJS生成器)。 2. 运行生成器,根据提示选择项目特性。 3. 生成项目结构,包括文件和目录,预配置好必要的开发工具(如Grunt或Gulp)。 4. 开始编码,Yeoman的自动...

    Node.js-generator-node-skeleton-用于node模块的yeoman发生器

    Yeoman 工作流程通常包括三个步骤:安装 Yeoman、选择一个生成器(如 generator-node-skeleton)和运行生成器。首先,你需要确保已经全局安装了 Yeoman 和这个特定的生成器。这可以通过在命令行中执行 `npm install...

    yeoman-generator-frontend:前端项目的 yeoman 生成器

    快速安装yeoman 如果你没有 npm 然后去: 安装 npm sudo npm install npm -g 安装 yeoman npm install -g yo Yeoman 生成器前端样板 要运行“ generator-frontend-boilerplate”,请在任意位置下载源代码。 ...

    JHipster安装生成项目.docx

    安装Yeoman,输入`npm install -g yo`。 5. **Bower**:Bower是一个前端包管理器,用于管理项目中的前端资源。安装Bower,使用命令`npm install -g bower`。 6. **Grunt**:Grunt是一个自动化工具,可以用于构建...

    文档说明1

    首先,确保你已经安装了Node.js环境,然后通过npm全局安装Yeoman和Grunt: ```bash npm install -g yo grunt-cli ``` 接着,选择一个合适的Yeoman生成器,例如,如果你要创建一个Web应用,可以安装`generator-...

    前端开源库-generator-scaffi

    这通常涉及运行`npm install -g yo`来全局安装Yeoman,然后通过`npm install -g generator-scaffi`来安装此特定的发电机。一旦安装完成,开发者可以在命令行中运行`yo scaffi`来启动项目生成流程。 generator-...

    generator-rust-ffi:Rust FFI生成器是一种yeoman生成器,用于引导Rust库,该库公开其他语言的外函数接口绑定(当前仅支持NPM)

    安装Yeoman(在全球范围内安装时最好)。 npm install -g yo 安装此发电机。 npm install -g generator-rust-ffi 创建一个文件夹以供您的项目使用。 mkdir a-rust-lib && cd a-rust-lib 最后,启动发电机。 ...

    Jhipster首次使用指南

    5. Yeoman、Bower和Grunt安装:使用npm安装Yeoman、Bower和Grunt,以便正确地生成和管理项目依赖项。 6. JHipster安装:使用npm安装JHipster generator,用于生成JHipster项目。 7. 环境变量配置:正确配置环境...

    JHipster安装生成项目.pdf

    1. **Yeoman**: 使用npm全局安装Yeoman。 - **命令**:`npm install -g yo` 2. **Bower**: 使用npm全局安装Bower。 - **命令**:`npm install -g bower` 3. **Grunt**: 使用npm全局安装Grunt。 - **命令**:`npm ...

    generator-eslint:Yeoman生成器可帮助ESLint开发

    如果还没有安装Yeoman,则还必须安装它。 要安装Yeoman,您可以运行以下命令: npm i -g yo 安装Node.js和Yeoman之后,您可以运行以下命令: npm i -g generator-eslint 用法 Yeoman生成器当前支持以下命令: ...

    generator-ptdttui5:Yeoman OpenUI5 生成器

    1. **安装 Yeoman**: 首先,确保你已经安装了 Node.js 和 npm。然后在命令行中运行 `npm install -g yo` 安装 Yeoman。 2. **获取生成器**: 通过 `npm install -g generator-ptdttui5` 安装 OpenUI5 生成器。 3. **...

Global site tag (gtag.js) - Google Analytics