先记一下。 电脑是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:UsersADMINI~1AppDataLocalTempphantomjs
目录’,去官网http://phantomjs.org/download.html下载后,把它放到C:UserszhouQiAppDataLocalTempphantomjs里,此时发现这个文件夹里是下面这样,
看来的确是因为没有下载成功导致的,再运行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/