标签:div node 运行 grunt 记录 介绍 man origin 工具
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的情况
关于前端自动化的一些时间记录
标签:div node 运行 grunt 记录 介绍 man origin 工具
原文地址:http://www.cnblogs.com/benu/p/6435628.html