generator-aliyunUED
Yeoman的一个generator。
开始我们的介绍
什么是Yeoman?
Yeoman是又下面下面三个工具组成的:
-
Yo:搭建项目的基本目录,包括文件夹、Gruntfile.js、bower.json、.gitignore 等文件的创建
-
Bower:进行引用包的管理,例如kissy、jquery、backbone 等文件的引用
-
Grunt:提供强大的nodejs插件支持,例如编译文件,转移文件,压缩文件
安装
以下带 -g
的命令是在root 用户下执行的,如果出现权限问题 请使用sudo命令,例如sudo npm install -g yo
HomeBrew 的安装
在 OS X 中找不到您想要的软件?Homebrew 给你所需。
NodeJS安装
brew install node
Yeoman的安装
npm install -g yo
Bower的安装
npm install -g bower
Grunt
npm install -g grunt-cli
阿里云 Generators 的安装
上面的开发利器都装好了,我们开始安装我们的Generator
npm install -g generator-aliyunued
最后你可以新建一个文件 执行以下命令:
mkdir ~/dev/test && cd $_
yo aliyunued
技术介绍
采用Grunt作为构建工具,CSS使用Sass+Compass编写,HTML采用Jade编写。所在在参与前,需要了解基本的Sass,Jade。
这几个都很简单,花两个小时了解下,使用两天后,你会发现你的开发效率有飞速的进步。
开发环境安装
因为Sass和Compass依赖Ruby环境,所以你首先需要安装Ruby,安装好以后执行
注意:必须安装1.9.x以上的Ruby版本
gem install compass
这时候你的环境就安装好了。
运行
安装好以后执行
grunt
浏览器将自动打开预览地址,这时候查看你的项目根目录,有一个.tmp的目录,这个目录为临时build出来供你预览的目录。