gulp,
前端自动化工具,
文件操作,
项目上线之前,将碎片文件合并,将ES6转成ES5,文件压缩,快速搭建服务器...
gulp基于node环境
gulp就是node的一个非内置的小模块
gulp操作文件的原理:文件流
前端自动化工具:gulp,webpack,grunt,browserify
使用:
非内置,表示,node默认没有,需要手动下载
node的模块,使用node环境下载,node提供了一种下载方式:npm工具
npm工具怎么用?
npm install 工具名 下载
npm uninstall 工具名 卸载
npm init 初始化项目环境,得到配置文件package.json
配置文件:记录了当前项目的相关信息,如:名称,版本,工具等。。。。
(正式的下载步骤↓↓↓)
下载gulp:
1.下载全局:npm install gulp -g
下载一个极速下载器
2.下载局部:npm install gulp --save-dev
2-1.新创建一个文件夹,起名(项目名,如plane,不要出现中文路径,路径不要太深,不要使用gulp关键字)
2-2.打开命令提示符,使用cd进入到刚才新建文件夹plane
2-3.执行下载局部gulp的命令:npm install gulp --save-dev
2-4.测试是否下载成功:gulp -v查看版本号(两个,全局和局部)
2-5.初始化项目:npm init -y
注意:工具是有版本的,不同版本的使用方式可能不同,可以选择
目前gulp的最新版本是:4.xx.xx,不好用,推荐使用3.xx.xx
改版本:
1.打开项目初始化之后生成的文件package.json
2.找到gulp工具的版本号,将4.xx.xx改成3.xx.xx,保存
3.在命令提示符中输入:npm install,回车
2-6.测试gulp安装是否成功:gulp -v,出现两个版本号,全局和局部(3.xx.xx)
2-7.原生gulp的功能有限,如果想使用更多功能,需要安装gulp的插件
插件如:
gulp-connect
http-proxy-middleware
gulp-concat
gulp-uglify
gulp-rename
提示:安装命令格式为:npm install 工具名
2-8.安装之后,查看package.json,会出现对应的插件名和版本号,安装成功
正式使用:(写代码:写在哪?写什么?怎么执行?)
怎么执行:在命令提示符中使用gulp前缀执行
写在哪:写在gulpfile的js文件内
写什么:gulp的代码
1.定义功能:gulpfile.js文件中,通过gulp.task()定义
2.使用:在命令提示符中:gulp 自定义的命令名
3.查看:根据当前指令功能,验证对应信息
gulp插件:
服务器插件:gulp-connect
0.下载
1.引入模块
2.定义指令
3.执行插件的方法
4.配置信息
服务器代理插件:http-proxy-middleware
跨域:
非同源
前端解决跨域的方式:jsonp
后台解决跨域的方式:cors(设置允许请求的头部信息)
服务器代理解决跨域:

gulp的介绍和手动安装的更多相关文章

  1. Windows 下 LaTeX 手动安装宏包(package)以及生成帮助文档的整套流程

    本文简单介绍如何手动安装一个 LaTeX 宏包. 一般来说,下载的 TeX 发行版已经自带了很多宏包,可以满足绝大部分需求,但是偶尔我 们也可能碰到需要使用的宏包碰巧没有安装的情况,这时我们就需要自己 ...

  2. gulp 使用介绍

    gulp 使用介绍 gulp gulp 插件 gulp的配置文件gulpfile.js gulp 语法 gulp 实例 gulp的缺点 gulp gulp是基于Node.js的前端自动化构建工具,主要 ...

  3. Xamarin 手动安装步骤+破解(最新版Xamarin V3)

    Create native iOS, Android, Mac and Windows apps in C#. 看到这句话,你就知道Xamarin是什么了,对于C#开发者,这样的标语还是会让你激动一下 ...

  4. Xamarin 手动安装步骤+破解

    原文:Xamarin 手动安装步骤+破解 由于Xamarin运行的时候有很多依赖项,所以现在在官网上下载的XamarinInstall只是一个下载安装器,并不是软件包.它会自动下载安装所需的依赖软件, ...

  5. 手动安装sublime text3 文本编辑器是控制台

    1 本来想安装一个体积小.功能又强大的文本编辑器,百度了一圈sublime text3 的口碑不错,然后就安装试试吧, 下了以后安装成功后,看到介绍sublime text3功能强大是因为他可以安装多 ...

  6. CentOS6.5升级手动安装GCC4.8.2 与 CentOS 6.4 编译安装 gcc 4.8.1

    http://blog.163.com/zhu329599788@126/blog/static/6669335020161179259975 http://www.cnblogs.com/codem ...

  7. [如何在Mac下使用gulp] 1.创建项目及安装gulp

    1.创建项目 2.安装gulp 3.创建gulpfile.js文件 4.运行gulp 创建项目 -创建项目文件夹命名为firstGulp,并在firstGulp目录下运行 npm init .npm ...

  8. CentOS7.4系统下,手动安装MySQL5.7的方法

    MySQL数据库应用广泛,尤其对于JAVA程序员,不会陌生.如果在不想采购云数据库的情况下,可以自行安装MySQL数据库.文章将介绍,手动在CentOS7.4环境下,安装MySQL5.7版本的方法. ...

  9. Ubuntu16手动安装OpenStack——glance篇--转

    全文转自https://www.voidking.com/dev-ubuntu16-manual-openstack-glance/ 目标 紧接着<Ubuntu16手动安装OpenStack—— ...

随机推荐

  1. golang const 内itoa 用法详解及优劣分析

    首先itoa 是什么 const 内的 iota是golang语言的常量计数器,只能在常量的表达式中使用,,即const内. iota在const关键字出现时将被重置为0(const内部的第一行之前) ...

  2. 1、大型项目的接口自动化实践记录--robotframework环境搭建

    因为人力.团队技术问题,选用robotframework来做自动化,首先说下环境搭建 齐涛道长的入门教程非常棒:http://blog.csdn.net/tulituqi/article/detail ...

  3. python基础之循环与迭代器

    循环 python 循环语句有for循环和while循环. while循环while循环语法 while 判断条件: 语句 #while循环示例 i = 0 while i < 10: i += ...

  4. JVM解剖乐园

    1.JVM锁粗化和循环原文标题:JVM Anatomy Quark #1: Lock Coarsening and Loops 众所周知Hotsport编译器会进行JVM锁粗化和优化,它将相邻的锁区块 ...

  5. android——卡片式布局

    一.CardView <android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk ...

  6. Springmvc的运行原理 SpringMvc的优点

    SpringMVC框架运行原理 1:客户端发送请求到前端控制器(DispatcherServlet),前端控制器根据请求信息(url),查询一个或多个HandlerMapping, 前端控制器,来决定 ...

  7. 简单认识Nginx---负载均衡

    中大型项目都会考虑到分布式,前面几篇文章着重介绍了数据处理的技术集群.今天来研究一下关于服务器的负载均衡–Nginx.他除了静态资源的处理外还有可以决定将请求置于那台服务上. Nginx的安装 点我下 ...

  8. EFCore + MySql codeFirst 迁移 Migration出现的问题

    第二次使用Migration update-database的时候出现以下错误: System.NotImplementedException: The method or operation is ...

  9. 深入学习Java对象创建的过程:类的初始化与实例化

    在Java中,一个对象在可以被使用之前必须要被正确地初始化,这一点是Java规范规定的.在实例化一个对象时,JVM首先会检查相关类型是否已经加载并初始化,如果没有,则JVM立即进行加载并调用类构造器完 ...

  10. JD面试 || 移除教室人数

    在昨天参加了东哥的笔试,选择题做的还算可以,但是还有道编程题和关于jdk8的Stream特性难住了.鉴于此用博客总结一下这道编程题,并结合Stream特性来简化代码,熟悉Api. 题目描述 某校在积极 ...