您的位置:首页 > Web前端

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

2017-02-23 21:50 253 查看

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的情况
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: