首页 > 技术文章 > 安装yeoman

yigeqi 2014-04-04 14:32 原文

先记一下。 电脑是win7 64位。简言之就是安装node.js、git、ruby、compass、yeoman(和grunt和bower)、yeoman generator。

1、安装node.js

官网下载http://nodejs.org/

2、安装git

官网下载http://git-scm.com/download/win。下的是 Git-1.9.0-preview20140217.exe。按默认设置安装,除了下图:

3、安装ruby

官网下载http://rubyinstaller.org/downloads/。选的是Ruby 1.9.3

4、安装compass

在开始菜单中找到 “Ruby 1.9.3-p545 -> Start Command Prompt with Ruby”  

输入gem install compass,等待一会儿会看到它在慢慢安装

在安装ruby时要把勾选框都勾上,否则在输入gem install compass后毫无反应,在命令行工具,输入ruby -v,会提示无法识别ruby,而如果安装成功,会看到ruby的版本的。

5、安装yeoman、(grunt和bower)

输入npm install -g yo就可以把三个一起安装了,会显示

当时试了两次都提示error,应该是下载失败导致的,第二天一早再试一下就好了。(如果你的npm是1.2.10及之前的版本(通过npm -v可以查看npm版本),则需要分别安装了,需要接着输入npm install -g grunt-cli bower)

6、安装yeoman generator

选择了安装yo自带的工程模版:webapp,webapp带有:html5 Boilerplate、jquery、Modernizr、Bootstrap、RequireJS等框架。

输入npm install -g generator-webapp

7、可以开始使用啦

输入yo webapp,看见小人了:

 接着报错了:

试了一下npm owner ls plantomjs,没有用,网上搜到了使用Grunt时,安装phantomjs失败的解决办法,说‘这个错是因为网络问题导致的(因为我们在墙内),解决办法就是手动下载phantomjs-1.9.7-windows.zip,复制到C:\Users\ADMINI~1\AppData\Local\Temp\phantomjs\目录’,去官网http://phantomjs.org/download.html下载后,把它放到C:\Users\zhouQi\AppData\Local\Temp\phantomjs里,此时发现这个文件夹里是下面这样,

看来的确是因为没有下载成功导致的,再运行yo webapp就没有再报这个错了。

附一点在cmd下切换目录的方法:

切换到e:/project  ---->输入cd /d e:\project

返回上一级目录---->输入cd..

返回当前根目录---->输入cd\

直接切换到每个根目录/盘符---->输入c:回车或d:回车或e:回车

进入当前目录下的a目录---->输入cd a

显示当前目录下的文件(夹)---->输入dir

在当前目录下新建一个空白的文件夹---->输入mkdir newfolder

清除屏幕---->输入cls

 附注:有个中文的yeoman官网:http://yeomanjs.org/ 

 

推荐阅读