关于前端自动化的一些时间记录

angular的silkydream项目

安装angular的generator

npm install -g generator-angular

组建项目

yo angular silkydream

使用git将项目推送至github

git add -A

git commit -m "finsh"

git push origin master

在其他设备拉取项目需要运行

npm install

bower install

nodejs(yeoman,bower,grunt)介绍

nodejs是必须的环境

yeoman类似脚手架，在项目立项阶段，生成代码项目文件，代码结构。自动将最佳实践和工具整合进来，方便后续开发。yeoman类似橡皮泥，生成器generation类似模具。

bower包管理器，管理框架，库，公共部分等。

grunt 自动化，减少压缩，编译，单元测试，代码校验。

npm install -g yo bower grunt-cli

grunt文件操作

三种文件映射方式

只读任务使用

task_name: {
src:"",
dest: ""
}
src的value可以使用数组指定多个
task_name: {
src: []
}
数组形式
task_name: {
files: [
{
src: "",
dest: ""
}
]
}
对象类型的key:value
task_name: {
files: {
"src":" dest"
}
}

建立结构启动serve

yeoman建立基本结构，grunt serve启动本地服务，未找到插件需要npm install 插件 --save-dev

安装sass环境，ruby安装记得添加入环境变量，git安装记得添加bash跟环境变量

每次项目新建都要gem install sass 关联compass运行的时候可能需要FQ

启动serve的过程中也会遇到一些需要FQ的情况