本人在安装yeoman过程中出现各种问题,所以在网上各种搜索资料,各种向大神级人物请教,终于安装成功,现将过程总结如下,帮助大家更快速搭建yeoman环境。
在安装过程中,主要借鉴、学习了
http://www.tuicool.com/articles/VJJZza#c-6389
http://www.tuicool.com/articles/NV3Yn2Q
两篇博文,在此,向两位博主致以衷心的感谢!!为了在下面使用时方便,就暂称为:博主一、博主二吧,莫怪啊。
yeoman的安装是很麻烦的,它需要ruby、compass、python、nodejs等的支持。
请严格按照以下步骤安装,否则容易出问题。
一:安装ruby。
根据博主一的过程安装即可。
二:安装compass。
当初我也是根据博主一的步骤安装的,可是没有成功。看了博主二的博文,才知道,安装了ruby后,还需要添加ruby的淘宝镜像。
在cmd里执行添加方法:
gem sources --remove https://rubygems.org/
gem sources -a https://ruby.taobao.org/
gem sources –l (注意:这个是L,不是1)
然后安装pass:
gem install sass
安装compass:
gem install compass
三:安装node
选好版本自己装。
装完后,用一下方法测试是否安装成功。 node -v 或 node --version
四: 安装 python 环境
http://www.python.org/download/
选好版本自己装,装完确认 python 的环境变量有没有配好。(安装程序会自动在环境变量的path里面添加python的安装目录,有即成功)
五:安装yeoman
我根据博主一的步骤,yeoman没有装成功。
我说说自己的步骤:
Yeoman主要有三部分组成:yo、grunt、bower。这三个工具是分别独立开发的,但是需要配合使用,来实
现我们高效的工作流模式。因为Yeoman其实是三个工具的集合: YO 、 GRUNT 、 BOWER ,所以需要先安装这三个工具。
在cmd中执行:
npm install -g yo grunt bower
即可。
或者分步安装yo,grunt,bower
npm install -g yo
执行完这个语句,会自动安装grunt 和 bower
安装完成后,测试yo、grunt、bower是否安装成功,在cmd下执行如下语句:
yo --version && grunt --version && bower --version
(整个过程我安装了两次,到这一步都遇到:grunt 不是内部或外部命令。解决办法:执行 npm install -g -grunt-cli语句。查看版本时,必须使用:grunt --version)
出现如上图的提示,说明安装成功!