Yeoman安装和使用详解

一 什么是Yeoman

  Yeoman帮助我们创建新项目,指定最好的实践和工具来使我们的项目更多样化。

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

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

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

二 Yeoman安装步骤

  系统环境:win8(64位)

  1.Node.js安装

  到Node.js官方网址下载Node.js:http://www.nodejs.org/download/

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

  

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

  

  2.安装git

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

  选择第二项

  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-26 08:11:33

Yeoman安装和使用详解的相关文章

varnish安装及配置详解

varnish系统架构: varnish主要运行两个进程:Management进程和Child进程(也叫Cache进程). Management进程主要实现应用新的配置.编译VCL.监控varnish.初始化varnish以及提供一个命令行接口等.Management进程会每隔几秒钟探测一下Child进程以判断其是否正常运行,如果在指定的时长内未得到Child进程的回应,Management将会重启此Child进程. Child进程包含多种类型的线程,常见的如:Acceptor线程:接收新的连接

安装Ubuntu虚拟机详解

安装Ubuntu虚拟机详解: 1:安装好VMware之后启动,点击"创建新的虚拟机" 2:点击下一步 3:选择安装所需要的镜像(可以默认直接点击下一步) 4: 个性化Linux全名:master---->启动时显示的名字(如图1) 用户名:hadoop----->(图2) 5:这里需要修改两个位置 1)虚拟机的名称:这个名字就是启动后窗口显示的名字 2)位置:指的是所建虚拟机所存放的位置 6:下一步 7:点击自定义硬件 然后进入如下界面: 修改成如下: 以上做完之后点击完成

在虚拟机里安装VMwareTools工具(详解)

首先要确保 你当前 虚拟机这款软件 是否是正常版本, 因为有些虚拟机软件 简体版,导致无法安装VMwareTools工具. 如果没有问题,就可以进入正题了: 1. 在菜单栏里,选择虚拟机菜单的子菜单安装VMwareTools, 此时你会发现 Linux系统里多了一个VMwareTools光盘, 打开之后,就会发现 有一个压缩包:VMwareTools-5.5.3-34685.tar.gz, 将这个压缩包 复制到 /tmp 目录下,在地址栏里输入/tmp 按回车键,即可转入到/tmp 目录了, 然

CentOS下安装Apache步骤详解

CentOS下安装Apache步骤详解 一.实验环境 Linux: CentOS release 6.7 (Final) Apache: httpd-2.4.23.tar.gz VMware: VMware 10.0 宿主机: Win10 x64 二.Apache介绍 Apache一款 Web服务器软件.它可以运行在几乎所有广泛使用的计算机平台上,由于其跨平台和安全性被广泛使用,是最流行的Web服务器端软件之一.它快速.可靠并且可通过简单的API扩充,将Perl/Python等解释器编译到服务器

RedHat 7.1 下安装 Zabbix监控程序详解(适合linux初级用户)

RedHat 7.1 安装 Zabbix 监控程序详解(适合对linux初级用户)2017-05-02 安装步骤: 1.zabbix需要安装LAMP架构 2.安装zabbix服务 3.初始化zabbix系统 1.安装环境:VMware虚拟 1 2 3 4 [[email protected] ~]# cat /etc/redhat-release Red Hat Enterprise Linux Server release 7.1 (Maipo) [[email protected] ~]#

CentOS7/RHEL7安装Redis步骤详解

CentOS7/RHEL7安装Redis步骤详解 CentOS7/RHEL7安装Redis还是头一次测试安装了,因为centos7升级之后与centos6有比较大的区别了,下面我们就一起来看看CentOS7/RHEL7安装Redis步骤详解 方法一:使用命令安装(前提是已经安装了EPEL). 安装redis: yum -y install redis 启动/停止/重启 Redis启动服务:1systemctl start redis.service停止服务: systemctl stop red

centos7.0 安装日志--图文详解-python开发环境配置

centos7.0发布之后,就下载了everthing的DVD镜像,今天有时间,所以决定在vbox底下体验一番--- 上图: 默认是体验安装,作为一个忠实粉丝,我决定选择直接安装! 这个界面是这次新版本更新后改的,它把以前要下一步.上一步可以修改的操作全部集中到一个页面来,默认选择是下图这样,比如你想修改软件安装选项只要点击相应选项就可以了. 每次你更改安装选项之后,它都会自动从新计算安装源,如果你的选择的资源本地没有,还可以通过网络来安装,默认网络是不启用的,所以我们需要自己手工设置一下网络.

libCURL开源库在VS2010环境下编译安装,配置详解

libCURL开源库在VS2010环境下编译安装,配置详解 转自:http://my.oschina.net/u/1420791/blog/198247 CURL开源库VS2010环境下编译安装,配置详解 一 准备 1.1 CURL官网下载地址:http://curl.haxx.se/download.html 1.2 找到源码包,我这里下载的是7.32.0版:http://curl.haxx.se/download/curl-7.32.0.zip 二 步骤 2.1 打开curl-7.32.0\

Mac下安装HBase及详解

Mac下安装HBase及详解 1. 千篇一律的HBase简介 HBase是Hadoop的数据库, 而Hive数据库的管理工具, HBase具有分布式, 可扩展及面向列存储的特点(基于谷歌BigTable). HBase可以使用本地文件系统和HDFS文件存储系统, 存储的是松散的数据(key-value的映射关系). HBase位于HDFS的上层, 向下提供存储, 向上提供运算 2. HBase安装 HBase有单机, 伪分布式, 全分布式运行模式 依赖: 匹配HBase的Hadoop版本 Jav