gulp是前端工程化的工具,它可以对html,css,js等代码和图片进行压缩,也可以对sass和less等预处理语言进行编译,代码部署.gulp学起来简单,用起来方便,大大提高我们工作效率. 这里可以参考CTOLib码库的gulp基本教程 ||<gulp中文网> 安装node.js 因为gulp是基于node.js的,所以先要安装一下node.js.在网页中打开node官网安装就可以:https://nodejs.org/en/ 使用命令行 小编习惯用git的命令工具,当然我们可以使用Win…

简介: gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器:它不仅对网站资源进行优化,而且在开发过程中很多重复的任务,他可以通过明确的工具自动完成,使用它我们不仅可以很愉快的编写代码,而且大大的提高了我们的工作效率. gulp是基于Node.js的自动化任务运行器,它能自动化的完成JavaScript.coffee.sass.less.html.image.css等文件的测试.检查.合并.压缩.格式化.浏览器自动刷新.部署文件生成,并监听文件在改动后重复指定的这些步骤.在实现上…

wind+r弹出cmd命令窗口 要先安装node及npm,检查是否安装成功,node -v,npm -v可查看nod及npm的版本号. 安装gulp之前我们需要安装nodejs的环境,检测能够正常使用npm后,我们用npm对gulp进行一次全局安装,全局安装如下: npm install gulp -g. 输入 npm install --save-dev gulp局部安装gulp: d:按enter键进入d盘,再cd getstart按enter进入文件名为getstart的文件目录下: 安装…

gulp常用地址: gulp官方网址:http://gulpjs.com gulp插件地址:http://gulpjs.com/plugins gulp 官方API:https://github.com/gulpjs/gulp/blob/master/docs/API.md gulp 中文API:http://www.ydcss.com/archives/424 gulp是基于nodejs,理所当然需要安装nodejs,可以到官网直接下载 官网地址:https://nodejs.org/en/…

Gulp是什么? Gulp是一个工作流的构建系统,开发者可以使用它在网站开发过程中自动执行常见任务.Gulp是基于Node.js构建的,因此Gulp源文件和你用来定义任务的Gulp文件都被写进了JavaScript(或者CoffeeScript)里.前端开发工程师还可以用自己熟悉的语言来编写任务去lint JavaScript和CSS.解析模板以及在文件变动时编译LESS文件(当然这些只是一小部分例子). Gulp本身虽然不能完成很多任务,但它有大量插件可用,开发者可以访问插件页面或者在npm搜…

基于 Express+Gulp+BrowserSync 搭建一套高性能的前端开发环境 Express 是比较经典的,也是最常用的 Nodejs Web框架. 一.Express 快速构建一个web应用程序或架 1.首先用全局安装 express-generator! npm install express-generator -g 2.生成项目 express express-gulp 3.执行 运行项目之前,先安装依赖包.在项目根目录下运行: npm install 安装完成之后,启动服务器:…

# Gulp实例(包括环境搭建的自动检测) Gulp是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务.下面我将完成如下的功能点并且附上源码: CSS文件打包 less文件打包 sass文件打包 JavaScript文件打包 图片文件打包 具体的实例请点击一下链接前往 github 进行下载: Gulp GitHub demo实例下载 1. 创建 package.json 文件(使用 cnpm init 命令行) 生成的package.json代码如下所示: 注意:我将ent…

一.起因 ES6新纳入了很多振奋人心的新特性,真的很让人忍不住去尝试一下.不过,由于现在大部分的浏览器对ES6的支持程度都不是很好.所以如果想要放心地使用一些新特性,还需要用一些工具,将ES6或者ES7的代码转为ES5的代码.今天,就配置了一下环境,写了一个react-router,主要是练习自己的编程能力,哈哈...在此分享一下! 二.ES6环境搭建 搭建环境的工具有很多种,jspm,webpack,gulp等等...我主要是采用gulp+babel+browserify来搭建的.具体步骤如下…

环境搭建: 1)node.js版本>5.0,NPM版本>3.0,TypeScript版本>2.0(全装最新版就好了) 2)安装NTVS 1.2(node tools for vs),TSVS dev 1.4(TS for VS) 3)构建package.json,tsconfig.json,gulp.js文件 1.package.json { "name": "template.angular2", "version": &qu…

最近在学习https://developers.google.com/web/fundamentals/这里的内容,其中就有一部分是安装Web Starter Kit的教程,我总结一下自己的安装过程. 我的大部分安装步骤都是按照这篇文章的步骤一步一步进行的,唯一遇到的问题就是在gulp serve时出现错误提示—— can not find module 'minimatch',最终的解决办法我是在cmd进入到web-stater-kit-0.4.0目录下面,进行了— npm install.…