generator-aliyunued

A generator for Yeoman

npm install generator-aliyunued
8 downloads in the last week
8 downloads in the last month

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用法指南

Jade模板引擎入门教程

CoffeeScript使用说明

这几个都很简单,花两个小时了解下,使用两天后,你会发现你的开发效率有飞速的进步。

开发环境安装

因为Sass和Compass依赖Ruby环境,所以你首先需要安装Ruby,安装好以后执行

注意:必须安装1.9.x以上的Ruby版本

gem install compass

这时候你的环境就安装好了。

运行

安装好以后执行

grunt

浏览器将自动打开预览地址,这时候查看你的项目根目录,有一个.tmp的目录,这个目录为临时build出来供你预览的目录。

npm loves you