为了账号安全,请及时绑定邮箱和手机立即绑定

Grunt-beginner前端自动化工具

难度高级
时长 4小时55分
学习人数
综合评分9.60
46人评价 查看评价
9.9 内容实用
9.4 简洁易懂
9.5 逻辑清晰
  • grunt本省是依赖于node.js构建的
    查看全部
    0 采集 收起 来源:nodejs简介

    2016-01-02

  • 前端主流的集成解决方案:yeoman、bower、grunt
    查看全部
  • 什么是前端集成解决方案:一套包含框架和工具,便于开发者快速构建美丽实用的WEB应用程序的工作流。
    查看全部
  • 什么是grunt:grunt实际是解决前端集成方案问题
    查看全部
  • 使用yoman创建工程: 使用generators生成,generators并不是随意生成的,需要各取所需,自行生成。比如生成一个angular项目工程需要使用generators-angular 安装angular/webApp工程:npm install -g gengerators-angualr/gengerators-webapp 创建工程所在的目录:mkdir yo-in-action 进入目录:cd yo-in-action 创建工程所在目录:mkdir angular-in-action 进入目录:cd angular-in-action 创建工程(例:工程名为“learnangular”):yo angular learnangular
    查看全部
    0 采集 收起 来源:Yeoman实践

    2015-12-26

  • 越来越听不懂了
    查看全部
  • npm install -g grunt-cli 安装grunt
    查看全部
    0 采集 收起 来源:nodejs简介

    2015-12-22

  • 配置grunt serve环境过程中遇到了 很多问题 如 node-sass的问题 和一些npm包 没有安装成功 遇到此类问题 一般命令行中都会 告知缺少哪些包 或者一些解决办法 按照 提示 使用npm install 安装缺少的包 就可以一步步的解决
    查看全部
  • npm install -g yo
    查看全部
  • af aff
    查看全部
    0 采集 收起 来源:nodejs简介

    2015-12-15

  • 代码2 //expand:true, //处理动态的SRC到dest的文件映射,见下一个copy任务,要用files:[]的形式; copy:{ dist_html:{ files:[ { expand:true, cwd:'<%= config.app%>/', src:'**/*.js', dest:'<%= config.dist %>/', ext:'.js', //是否修改文件的后缀名 extDot:'first', //从第一个点后面修改后缀名 flatten:true,//直接把文件丢到文件夹下,直接将中间各层目录去掉 rename:function(dest,src){ //此方法在flatten执行后,把JS文件夹弄回去 return dest + 'js/' + src; } } ] } }, clean:{ dist:{ //src:['<%= config.dist %>/index.html','<%= config.dist %>/js/index.js'] src:['<%= config.dist %>/**/*'], //一个星匹配任意字符(反斜杆除外),两个星,匹配任意数量的任意字符,包括反斜号 //filter:'isFile',//nodejs 下Stats这个类下的一个函数名isFile,这样JS文件夹不会被删除 //下面自己构建过滤函数 /*filter:function(filepath){ return (!grunt.file.isDir(filepath)); }*/ //dot:true,//命中以点开头的文件 } }
    查看全部
  • 代码1: grunt.initConfig({ config:config, /*copy:{ dist_html:{ src:'<%= config.app %>/index.html', dest:'<%= config.dist %>/index.html' }, dist_js:{ src:'<%= config.app %>/js/index.js', dest:'<%= config.dist %>/js/index.js' }, },*/ /*copy:{ dist_html:{ files:[ { src:'<%= config.app %>/index.html', dest:'<%= config.dist %>/index.html' }, { src:'<%= config.app %>/js/index.js', dest:'<%= config.dist %>/js/index.js' } ] } },*/ /*copy:{ dist_html:{ files:{ '<%= config.dist %>/index.html' :' <%= config.app %>/index.html', '<%= config.dist %>/js/index.js': '<%= config.app %>/js/index.js' } } },*/
    查看全部
  • npm install -g yo npm install -g bower npm install -g grunt-cli
    查看全部
  • Bower作用
    查看全部
  • Yeoman作用
    查看全部

举报

0/150
提交
取消
课程须知
1.想提高运行前端开发工作流程 ; 2.有一些项目开发经验,效果会更好。
老师告诉你能学到什么?
1. Grunt工具和插件的安装 2. 如何进行项目配置 3. 如何配置任务 4. 如何执行任务 5. Grunt的使用

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!