首页 > 代码库 > 关于前端自动化的一些时间记录

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

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的情况

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