首页 > 代码库 > 关于前端自动化的一些时间记录
关于前端自动化的一些时间记录
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"
}
}
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的情况
关于前端自动化的一些时间记录
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。