Yeoman安装

  Yeoman帮助我们创建项目,提供更好的工具来使我们的项目更多样化。

  Yeoman提供generator系统,一个generator是一个插件,在我们在一个完整的项目上使用‘yo’命令时,会运行该generator。通过这些官方的Generators,推出了Yeoman工作流,工作流是一个健壮、有自己特色的客户端堆栈,包含能快速构建漂亮的网络应用的工具和框架。Yeoman提供了负责开始项目开发的一切,没有任何让人头痛的手动配置。

  采用模块化结构,Yeoman利用从几个开源社区网站学习到的成功和教训,以确保栈开发人员越来越智能的进行开发。基于良好的文档基础以及深思熟虑的项目构建过程,Yeoman提供测试和其他更多技术 ,因此开发人员可以更专注于解决方案而不用去担心其他小事。

  Yeoman主要提供了三个工具:脚手架(yo),构建工具(grunt),包管理器(bower)。这三个工具是分别独立开发的,但是需要配合使用,来实现我们更高效的工作流模式。

二 Yeoman安装步骤

  系统环境:win8

  1.Node.js安装

  到Node.js官方网址下载Node.js

  安装后验证是否安装成功:进入命令提示符,输入node --verison命令

  

  安装Node.js,会自动安装npm,验证npm是否安装成功:同样在命令提示符中输入npm --version

  

  2.安装git

  Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。Yeoman自动构建项目时会用到该软件,所以我们先安装好。到Git官网上下载并安装

  选择第二项

  3.安装Yeoman

  在命令提示符中运行npm install -g yo grunt-cli bower

  经过几屏的安装信息滚动,最后你会看到安装成功提示:

  

  4.安装generator

  在命令提示符中输入yo命令

  

  用上下键选择install a generator,我们选择安装webapp generator,输入webapp,选择webapp

  

  接下来我们使用yeoman创建项目

  5.Yeoman使用

  创建一个工作目录,用于存放Yeoman项目。我在D盘下新建AngularJs的webapp工作目录,终端进入,输入yo命令,用上下键选择webapp

  

  这里我们不选择Sass,因为需要Sass的话运行环境是Ruby,在windows下配置会非常麻烦;选择bootstrap;不选择Modernizr;点击回车,经过几屏的信息滚动后,会提示项目构建完成,文件目录如下:

  

  app文件夹内目录:

  

  6.在浏览器中预览

  在命令提示符中输入:grunt server

  

  启动成功

  

  如果启动过程中,服务器报错,可以使用强制启动,命令为grunt server -force

  服务器启动后,浏览器会自动打开并访问:http://localhost:9000/,如下图所示:

  

  至此,Yeoman安装和使用讲解完毕

时间: 2024-08-03 05:04:07

Yeoman安装的相关文章

关于yeoman安装时的环境变量设置

yeoman安装时需要设置NODE_PATH环境变量,把此环境变量设置为C:\Users\你的用户名\AppData\Roaming\npm\node_modules,才可以正常安装.否则会报错,并建议你用命令行设置,那个建议是错的,有点悲剧

Yeoman安装和使用详解

一 什么是Yeoman Yeoman帮助我们创建新项目,指定最好的实践和工具来使我们的项目更多样化. Yeoman提供generator系统,一个generator是一个插件,在我们在一个完整的项目上使用‘yo’命令时,会运行该generator.通过这些官方的Generators,推出了Yeoman工作流,工作流是一个健壮.有自己特色的客户端堆栈,包含能快速构建漂亮的网络应用的工具和框架.Yeoman提供了负责开始项目开发的一切,没有任何让人头痛的手动配置. 采用模块化结构,Yeoman利用从

【AngularJS】Yeoman安装

看不到PPT的请自行解决DNS污染问题.

前端环境安装(git+yeoman)

系统:win7 64旗舰版 Git安装 http://git-scm.com/download进入git下载页面下载git相应版本 运行下载的EXE安装文件,点击Next进入下一步 点击next 设置安装路径,点击next 选择安装的选项,这里我们默认安装,点击next 点击next 同样默认,点击next 默认,点击next 等待安装 点击finish完成安装 yeoman安装 安装yeoman前需要安装npm 在cmd控制台中输入npm install –g yo (yeoman在npm安装

yo,grunt,bower 安装

Yeoman的作用: 在web项目的立项阶段,使用yeoman来生成项目的文件,代码结构. Yeoman自动将最佳实践和工具整合进来,大大加速和方便了我们后续的开发. Yeoman 安装: npm install -g yo Bower: web的包管理器 安装:npm install -g bower grunt: 自动化构建工具 安装:npm install -g grunt-cli

在Mac中安装.Net Core的开发环境

在mac中部署dotnet core开发环境,我的MacOS版本号为OSX EI Capitan 10.11.6 1.安装brew homebrew官网推荐的安装命令如下: /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 但我的机器上安装时却提示连接不上http://raw.githubusercontent.com.....嗯,木有vp

Node.js+Yeoman构建前端自动化Web应用

Yeoman的诞生,旨在为开发者提供一系列健壮的工具.程序库和工作流,帮助他们快速构建出漂亮.引人注目的Web应用.Yeoman包含了yo.grunt.bower三个部分,分别用于项目的启动.文件操作.包管理.官网做了详细的介绍:http://yeoman.io/ yo.grunt.bower的安装都必须通过Node.js才能安装,到Node.js官网https://nodejs.org/下载相应版本的安装包,本次测试环境为Windows7 64位,按提示默认安装即可.安装完成,在C盘创建了一个

使用Yeoman 创建 angular应用

一.安装 Yeoman npm install yo -g 如果提示当前nodejs版本和npm版本太低,先升级下再安装yeoman. 安装成功后,默认只有webapp和Mocha这两个生成器. 二.安装angular生成器 npm install -g generator-angular 输入 yo 回车,出现下面的界面: 选择angular,然后回车,它会问需不需要要使用Compass.Bootstrap 之后勾选要包含的模板: grunt serve然后... 可能grunt会提示9000

好文推荐系列---------(4)使用Yeoman自动构建Ember项目

好文原文地址:http://segmentfault.com/a/1190000000368881 我决定学习前端开发的效率工具Yeoman.本文将首先介绍Yeoman的基本情况,接着我们会使用Yeoman开发一个Ember应用. Yeoman是什么? Yeoman按照官方说法,它不只是一个工具,还是一个工作流.它其实包括了三个部分yo.grunt.bower,分别用于项目的启动.文件操作.包管理. Yo: Yo是一个项目初始化工具,可以生成一套启动某类项目必需的项目文件. GruntJS: G