2015年5月8日星期五

angular的mac

1。安装nodejs,没有直接去nodejs.org下载再安装,版本变化频繁,还有就是下载二进制安装是root。用了nodebrew,比起homebrew,感觉这个用来管理nodejs的版本以及切换版本都很方便。 并且也都在非root下操作。
安装nodebrew
curl -L git.io/nodebrew | perl - setup,安装nodebrew后需要修改环境变量export PATH=$HOME/.nodebrew/current/bin:$PATH
安装 node
nodebrew install-binary latest
然后看一下安装了啥
nodebrew ls
然后使用安装的版本
nodebrew use v0.12.2
可以使用了
Jacky-Air:~ jacky$ node -v
v0.12.2
Jacky-Air:~ jacky$ npm -v
2.7.4

2。安装ruby的bundler和compass
要用 css的Scss,先更新一下ruby的gem。
Jacky-Air:~ jacky$ ruby -v
ruby 2.0.0p481 (2014-05-08 revision 45883) [universal.x86_64-darwin13]
Jacky-Air:~ jacky$ gem -v
2.4.1
Jacky-Air:~ jacky$ sudo gem update --system
Jacky-Air:~ jacky$ gem -v
2.4.6
Jacky-Air:~ jacky$ sudo gem install bundler
Jacky-Air:~ jacky$ bundler -v
Bundler version 1.9.6
Jacky-Air:~ jacky$ sudo gem install compass
Jacky-Air:~ jacky$  compass -v
Compass 1.0.3 (Polaris)


3。bower用了git,git默认有了
Jacky-Air:~ jacky$ git --version
git version 1.9.3 (Apple Git-50)
安装Yeoman
Jacky-Air:~ jacky$ npm install -g  bower grunt-cli yo
Jacky-Air:~ jacky$ yo --version
1.4.6
Jacky-Air:~ jacky$ grunt  --version
grunt-cli v0.1.13
这里目前还看不见grunt的版本,要看grunt的版本,得到项目的目录下执行。
Jacky-Air:~ jacky$ bower --version
1.4.1

4。安装npm install -g generator-angular
然后去自己的目录下,建项目
Jacky-Air:YeomanTest jacky$ pwd
/Users/jacky/Projects/YeomanTest
Jacky-Air:YeomanTest jacky$ yo angular
这里下载东西多,会搞很久

5。到这里一个项目的样子就出来了,剩下的是自己开发了。
运行一下grunt serve,访问localhost:9000可以看到内容了

用grunt来打包前端项目很是方便,配置文件为Gruntfile.js,但是和普通的grunt相比,yeoman将grunt的依赖也交给了bower管理,所以目录下会有bower.json文件,当然nodejs的package.json也是必须的。 使用了yeoman,将grunt的门槛降低了不少,不用自己配置Gruntfile.js也不必自己去下载一堆grunt-contrib插件了。



没有评论:

发表评论