前端自动化

学习安装gulp前端自动化工具步骤流程

首先，安装所需要的插件yo bowergulp三个工具  npminstall-gyobowergulp再次，安装gulp所需要的generator-gulp-webapp,这个和grunt的有个区别就多了一个gulp标识npminstall-ggenerator-gulp-webapp最后一步安装gulp-webapp，注意要和grunt区分开来yogulp-webapp执行完上面的步骤后，输入
itpinpai·2015-11-11 16:00

前端自动化基础知识

这一部分用的不多，还都属于理论知识。 package.json:后端的配置文件，有dependencies和devdependencies两个属性；bower.json：前端的配置文件。也可由后端修改，所以希望package一起配置了。 bower－concat：连接第三方的js，css css_min:处理自己写的css .bower改插件的安装路径，默认为build  
·2015-11-11 16:05

【grunt整合版】学会使用grunt打包前端代码

grunt 是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：① 压缩文件② 合并文件③ 简单语法检查 对于其他用法，我还不太清楚，我们这里简单介绍下grunt的压缩、合并文件，初学
·2015-11-11 07:44

前端自动化工具 -- grunt 使用简介

grunt作为一个前端构建工具，有资源压缩，代码检查，文件合并等功能。   下面就简单了解grunt的使用。   一、环境配置 grunt是基于nodejs的，所以需要一个 nodejs 环境，未了解的可以 来这看看 还是在windows下， 首先要保证grunt命令可以使用，所以要先使用npm安装对应CLI
·2015-11-11 06:09

Node.js前端自动化工具：gulp

前端自动化工具 -- gulp 使用简介 gulp是基于流的前端自动化构建工具。   之前也谈到了 grunt的用法，grunt其实就是配置+配置的形式。
·2015-11-11 06:07

前端自动化工具

yeoman：项目模具 　　安装环境 sudo npm install -g yo grunt-cli bower 　　安装脚手架 sudo npm install -g generator-gulp-webapp 　　进入项目目录，安装gulp-webapp,安装依赖包(npm install & bower install) bower：前端自动加载工具，
·2015-11-11 03:40

编译SASS

编译SASS sass编译有很多种方式，如命令行编译模式、sublime插件SASS-Build、编译软件koala、前端自动化软件codekit、Grunt打造前端自动化工作流grunt-sass、
·2015-11-11 01:29

前端自动化构建工具 Gulp 使用

简介：gulp是一个前端自动化构建工具，可以实现代码的检查、压缩、合并……等等，gulp是基于Node.js的自动任务运行器一、安装Node去Node官网下载安装，由于5.0版本的改变比较大，下载4.2.2
张小窝·2015-11-10 17:00

前端自动化开发工作流

前端自动化工作流简介 每种项目都有自己特定的开发流程、工作流程。从需求分析、设计、编码、测试、发布，一个整个开发流程中，会根据不同的情况形成自己独特的步骤和流程。
·2015-11-07 15:55

[工具]前端自动化工具grunt+bower+yoman

安装过程 安装nodejs 安装grunt，bower，yoeman 命令：（-g 表示全局安装，否则安装到当前目录下） npm install -g grunt-cli npm install -g yo npm install -g bower 删除已安装： npm unintall -g yo yoman -- “脚手架”
·2015-11-07 13:53

grunt快速学习

【grunt整合版】30分钟学会使用grunt打包前端代码 grunt 是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：① 压缩文件② 合并文件③ 简单语法检查 对于其他用法，我还不太清楚
·2015-11-07 10:44

近期总结：generator-web，前端自动化构建的解决方案

本文结合最近的工作经验，总结出一个较简洁的前端自动化构建方案，主张css和js的模块化，并通过grunt的自动化构建，有效地解决css合并，js合并和图片优化等问题，对于提高前端性能和项目代码质量有一定参考价值
流云诸葛·2015-11-02 07:00

grunt入门讲解6：grunt使用步骤和总结

很火的前端自动化小工具，基于任务的命令行构建工具。 Grunt能帮我们干啥？
·2015-11-01 11:02

我们一起学SASS

因为很多前端自动化工具都用sass，比如京东的JDF、淘宝的KISSY都支持sass，在实际产品的开发中，sass用得很多，而且sass语法很简单，学习成本不高 至于sass与less，其实差异不是很大
·2015-11-01 11:55

grunt项目构建

最近想把项目里添加grunt，说白了就是前端自动化管理，具体配置如下： 用到以下几个部件： grunt-contrib-cssmin grunt-contrib-uglify grunt-contrib-jshint
·2015-11-01 09:06

前端自动化神器LiveReload配合浏览器和less/sass使用方法

前言：搜了半天，各种推荐，什么十大工具啦、优秀工具集合啦之类的咸淡文章，就是没有一个讲怎么弄的。配合官网的article自己研究了半天总算配置好了。顺便吐槽下官网关于sass/less设置这块说的模糊不清的。写个教程给大家，相信会对新手们有帮助的。 声明：本文不涉及Grunt。 开发环境：windows7 编辑器：sublime text3 浏览器：firefox31   介绍
·2015-10-31 08:00

grunt构建前端自动化

一.grunt是基于nodejs的，所以首先我们需要安装node 二.全局安装grunt 可以参考 http://www.gruntjs.net/docs/getting-started/ 进行安装. 1.全局安装 npm install -g grunt-cli 2.进入当前项目根据配置文件 package.json 进行本地安装，或者直接把以前项目所有用过的本地安装文件直接复制到当
·2015-10-30 12:28

webapp项目前端总结

提纲 整体把握，从设计稿入手——技术选型 并行开发，从实现静态页面开始 前端自动化 前端js逻辑 前后端集成 小问题集合 总结 1.整体把握，从设计稿入手 —— 技术选型
·2015-10-30 11:04

利用Gulp优化部署Web项目[长文慎入]

当然，今天我们的内容并不是讨论这二者的区别，仅仅是介绍介绍如何利用Gulp来优化我们的Web项目中前端自动化工作流。 引言 相信不少人看过百度大牛张云龙的那篇讲解大公司里怎样开发和部署前端代码?
·2015-10-27 14:28

前端自动化工具 -- gulp 使用简介

gulp是基于流的前端自动化构建工具。   之前也谈到了 grunt的用法，grunt其实就是配置+配置的形式。
·2015-10-27 11:11

Selenium-webdriver系列教程(8)————使用Page Object设计模式

在进行web前端自动化测试的过程中，Page Object设计模式可以称得上是杀人放火，居家旅行的常备武器。
·2015-10-23 09:04

前端工程化开发之yeoman、bower、grunt

上两遍文章介绍了前端模块化开发（以seaJs为例）和前端自动化开发（以grunt为例）的流程，参见：http://www.cnblogs.com/luozhihao/p/4818782.html （前端模块化开发
一个萝卜一个坑、·2015-10-21 16:00

Gulp前端自动化之 ejs插件使用

gulpfile.js配置gulp.task('ejs',function(){ gulp.src(["./app/**/*.html","!app/html/common/**/*.html"]) .pipe(plugins.ejs({},{ext:'.html'})) .pipe(gulp.dest("./dist/")) .pipe(plugins.notify({message:"ejs
itpinpai·2015-10-15 20:00

安装gulp前端自动化工具

1.安装全局gulp环境:$npminstall--globalgulp2.安装gulp插件，gulp插件所属devDependencies下面$npminstall--save-devgulp3.在项目的根目录下新建一个gulpfile.js文件:vargulp=require('gulp'); gulp.task('default',function(){ //placecodeforyo
itpinpai·2015-10-15 13:00

Grunt安装、配置及应用

Grunt是前端自动化工具，其作用就是将压缩、单元检测、编译等重复性操作自动化完成。只要配置好配置文件，任务机就可以自动完成项目中的重复性任务。
mevicky·2015-10-13 17:00

mac下搭建前端自动化工程

好多年没有接触前端，发现前端行业发生了巨大的变化，很多新鲜术语，比如node、git、grunt、less、sass、预编译、自动化、模块化等等，看得让人晕头转向，不要担心，我会把这之前之后学习成果都记录下来，方便想要入门的同学交流学习！本人水平有限，错误在所难免，希望各位看客指正。如题，接下就是6个准备步骤，走完这6个步骤，你会不会手痒呢。。。反正我很兴奋，前端工程化了！1、安装ruby  为什
flyromance·2015-10-12 20:00

前端自动化工作流 （一）准备工作

  三年前开始接触前端，经历了从原始逐渐过度到工业化的过程，趁着事件不是太久，把曾经遇到的问题整理出来，给自己做个备份，也给希望能给别人提供一点点微不足道的帮助。安装基础环境（尽可能把工具安装全一些，以减少可能遇到的问题）  windows系统  1.安装nodejs（自动化的前提，https://nodejs.org）  2.安装ruby（某些node工具需要ruby环境,https://www
yujindong99·2015-10-12 00:19

前端自动化工作流 （一）准备工作

三年前开始接触前端，经历了从原始逐渐过度到工业化的过程，趁着事件不是太久，把曾经遇到的问题整理出来，给自己做个备份，也给希望能给别人提供一点点微不足道的帮助。安装基础环境（尽可能把工具安装全一些，以减少可能遇到的问题）windows系统1.安装nodejs（自动化的前提，https://nodejs.org）2.安装ruby（某些node工具需要ruby环境,https://www.ruby-la
yujindong99·2015-10-12 00:19

grunt实战

关键词：前端自动化工具，前端集成解决方案。
xiaomie·2015-10-05 21:00

前端自动化开发之grunt

上篇文章介绍了前端模块化开发工具seaJs，利用seaJs我们可以轻松实现前端的模块化编程，参见http://www.cnblogs.com/luozhihao/p/4818782.html那么今天我继续介绍前端开发的另一工具——grunt。关于介绍grunt文章网上已经存在很多，而本文主要结合自己的亲身实践来讲解利用grunt实现前端开发中代码的压缩及合并。一、准备工作再使用grunt之前，我们
一个萝卜一个坑、·2015-09-30 11:00

一步一步学习安装Grunt前端自动化工具

安装Grunt自动化工具学习Grunt确认已经安装好GitBash参考： http://blog.csdn.net/itpinpai/article/details/48105445新建一个文件夹，我是在本地的G盘下面新建的一个grunt文件夹G:\grunt打开这个文件夹grunt，右击鼠标点击GItBashHere.打开GitBash执行命令：npminit//创建package.json文件
itpinpai·2015-08-30 17:00

What、Why、How？解读Webpack官方文档

因此我理解的Webpack，就是一个更出色的前端自动化构建工具、模块化工具、资源管理工具。webpackisamodulebundler.webpacktakesm
Tgor·2015-08-28 00:00

nodejs安装：nodejs入门

1、js来搞前后端分离是nodejs的一大特点，用js来写后台程序~当然node的最大优点个人认为还是单线程的异步编程咯~~2、基于nodejs使用grunt(gulp)实现前端自动化~~一键压缩。
小抚顺儿·2015-08-25 00:00

提高网站访问速度的方法汇总

3、减少HTTP请求   1）合并压缩js、css，可以使用前端自动化构建工具。    例如：grunt（使用说明：http://www.cnblogs.com/wangfupeng1988/p/4
rdst·2015-08-21 14:00

CasperJS 介绍以及Windows上安装介绍

1介绍CasperJS是一个开源的导航脚本处理和测试工具，基于PhantomJS（前端自动化测试工具）编写。
kandy_ye·2015-08-06 23:24

CasperJS 介绍以及Windows上安装介绍

1介绍CasperJS是一个开源的导航脚本处理和测试工具，基于PhantomJS（前端自动化测试工具）编写。
Kandy_Ye·2015-08-06 23:00

[CasperJS] 安装

 百度百科说：CasperJS是一个开源的导航脚本处理和测试工具，基于PhantomJS（前端自动化测试工具）编写。
ER_Plough·2015-08-04 11:00

grunt搭建前端自动化实践

grunt是什么？ grunt是一个前端构建工具，每种应用开发，都有一套构建工具，例如linuxc程序开发，构建工具是make，java程序的构建工具为maven，web前端经过十多年的发展也形成了自己的构建工具，此包括grunt，其他还有GALP,相比grunt较成熟，galp目前风头较劲http://www.benben.cc/blog/?p=407。 grunt基础认识参见，基本上按照下文运
lightsong·2015-07-26 00:00

gulp快速上手（不想看官方文档的同学朝这边看）

首先，来看这篇教程的肯定是听过gulp的，那么一定也了解过nodejs，知道前端自动化工具，可是平时用sublime写代码用的好好的，没觉得需要什么工具来加快开发流程。
pomelo·2015-07-20 00:00

转载：前端自动化测试探索

前端自动化测试探索转载地址：http://fex.baidu.com/blog/2015/07/front-end-test/背景测试是完善的研发体系中不可或缺的一环。
光明矢·2015-07-11 22:52

grunt 教程

是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：①压缩文件②合并文件③简单语法检查对于其他用法，我还不太清楚，我们这里简单介绍下grunt的压缩、合并文件，初学，有误请包涵准备阶段1、
施长成·2015-07-10 20:00

前端自动化测试探索

本文试图探讨前端自动化测试领域的工具和实践。为什么需要自动化测试一个项目最终会经过快速迭代走向以维护为主的状态，在合理的时机以合理的方式
·2015-07-03 00:00

【grunt整合版】30分钟学会使用grunt打包前端代码

阅读更多http://www.cnblogs.com/yexiaochai/p/3603389.htmlgrunt是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：①压缩文件②合并文件③
tw_wangzhengquan·2015-06-30 21:00

【grunt整合版】30分钟学会使用grunt打包前端代码

阅读更多http://www.cnblogs.com/yexiaochai/p/3603389.htmlgrunt是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：①压缩文件②合并文件③
tw_wangzhengquan·2015-06-30 21:00

【grunt整合版】30分钟学会使用grunt打包前端代码

http://www.cnblogs.com/yexiaochai/p/3603389.html grunt是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：①压缩文件②合并文件③简单语法检查对于其他用法
tw_wangzhengquan·2015-06-30 21:00

在windows下安装gulp —— 基于 Gulp 的前端集成解决方案（一）

windows下安装gulp——基于Gulp的前端集成解决方案（一）执行$Gulp时发生了什么——基于Gulp的前端集成解决方案（二）常用Gulp插件汇总——基于Gulp的前端集成解决方案（三）构建一个基本的前端自动化开发环境
kelsen·2015-06-30 11:00

gulp前端自动化工具的快速入门案例

最近项目和工作中要开始使用自动化工具了，回想一下以前接触这个的时候就是什么nodejs，grunt之类的了，这次干脆就用一个新的，那么就是gulp。。。全局下利用npm安装gulpsudonpminstall-ggulp项目中安装gulp包npminstallgulp--save-dev这里创建一个示例项目demo，里面有index1.js，index2.js，index3.js三个文件初始化项目
杨佰·2015-06-24 00:00

前端自动化构建工具Grunt

一、了解GurntGrunt是一个基于任务的JavaScript工程命令行构建工具。Grunt和Grunt插件，是通过npm安装并管理的，npm是Node.js的包管理器。了解Grunt前，首先要准备两件事：1、了解npm（NodePackageManager）：npm是一个NodeJS包管理和分发工具，已经成为了非官方的发布Node模块（包）的标准。2、安装node：进入nodejs官网（htt
ligang2585116·2015-06-09 16:00

CasperJS PhantomJS

  CasperJS[1] 是一个开源的导航脚本处理和测试工具，基于PhantomJS（前端自动化测试工具）编写。
radzhang·2015-06-04 09:00

grunt和前端模块管理工具的简单使用

grunt的安装及使用教程grunt是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：①压缩文件②合并文件③简单语法检查Grunt的运行工具具有两个版本，一个是服务器端的版本（grunt
trigkit4·2015-05-19 00:00
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他