码迷,mamicode.com
首页 > Windows程序 > 详细

Windows上安装Yeoman

时间:2015-04-13 20:16:46      阅读:270      评论:0      收藏:0      [点我收藏+]

标签:

之前直接安装完Node.js后,运行npm install -g yo命令,结果出现什么"要安装framework2.0 sdk,vcbuild"什么的错误,怎么也弄不好,结果是各种前提环境没搭建好->-> 

 

1.安装Ruby

下载地址:http://rubyinstaller.org/downloads/

注意选择64位或32位版本

注意勾选安装界面三个复选框

技术分享

安装完后打开命令行,输入:ruby --version

如果成功输出版本号,则安装成功

技术分享

 

2.安装Compass、Sass

安装完ruby之后,在开始菜单中,找到刚才我们安装的ruby,打开Start Command Prompt with Ruby,然后直接在命令行中输入:gem install Compass

安装完后输入:compass --version

如果成功输出版本号,则安装成功

技术分享

gem install Sass

Sass --version

技术分享

(Compass必须安装,Sass有的教程没装,我是装了->->)

 

3.安装Python

下载地址:https://www.python.org/downloads/windows/

注意选择64位或32位

这里我下载的是2.7.9版本的,貌似在网上见过一个帖子说用3.X版本出现问题的

安装完后打开命令行输入:python --version

输出版本号则安装成功

技术分享

 

4.安装Node.js

下载地址:https://nodejs.org/download/

注意选择64位或32位

这里我下的是.msi文件,这个可以帮你配置好环境变量,能直接在命令行里使用node命令

安装完后打开命令行输入:node --version 和 npm --version

输出版本号则安装成功

技术分享

(npm是node的包管理器)

 

5.安装Yeoman

打开命令行输入:npm install -g yo

安装完后打开命令行输入:yo --version 、bower --version 和 grunt --version

输出版本号则安装成功

技术分享

这里注意bower和grunt在安装yo的时候会一起安装,关键点是grunt是否安装

一开始我安装完后运行:grunt --version只有grunt-cli v0.1.13输出版本号,然后yeoman就不好使;

然后我单独安装grunt,运行:npm install -g grunt,安装完后打印版本号任然只有grunt-cli输出版本号;

最后使用本地安装:npm install grunt,才完整输出上图结果,原因暂且不明

注意一定要出现上图结果才算安装成功!!!

 

6.安装angular生成器

运行yo命令会提示你安装生成器,我安装的是angular生成器:npm install -g generator-angular(因为要学习angularJS)

 

7.测试

创建文件夹如test,进入文件夹:mkdir test、cd test

输入命令:yo angular

然后会询问你是否使用Sass?Bootstrap?选用那些angular组件

我输入:N、Y和Enter

最后就是漫长的等待...

然后文件大小有差不多250M...

在test目录下,输入命令:grunt serve

自动在默认浏览器打开页面:

技术分享

表示配置成功

 

Windows上安装Yeoman

标签:

原文地址:http://www.cnblogs.com/cqq626/p/4422867.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!