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. python自动化测试框架unittest

    对于刚学习python自动化测试的小伙伴来说,unittest是一个非常适合的框架: 通过unittest,可以管理测试用例的执行,自动生成简单的自动化测试报告: 首先我们尝试编写编写一个最简单的un ...

  2. 浅谈单例模式及其java实现

    单例模式是23种设计模式中比较简单的一种,在此聊一下单例模式. 1.什么是设计模式? 对于没有接触过设计模式的人来说,一听到设计模式这四个字就觉得这个东西很高深莫测,一下子就对这个东西产生了恐惧感,其 ...

  3. [ubuntu][deepin]系统增加自定义开机启动项

    [ubuntu][deepin]系统增加自定义开机启动项 进行配置 cd /etc/init.d/ ls vim myScript nginx实例 #! /bin/sh # chkconfig: # ...

  4. Hibernate 框架

    首先,我们先来了解一下什么是 Hibernate 框架. 什么是 Hibernate 框架? Hibernate是一个开放源代码的对象关系映射框架,它对JDBC进行了非常轻量级的对象封装,它将POJO ...

  5. 【Java例题】7.1 线程题1-时间显示线程

    1.时间显示线程.设计一个示线程子类,每秒钟显示一次当前时间:然后编写主类,在主函数中定义一个线程对象,并启动这个线程 package chapter7; import java.text.Simpl ...

  6. python basemap readshapefile二三事

    今天要用到basemap读取shp文件报错,查了很多资料,都没有解决. 先是: fig,ax = plt.subplots(figsize=(15,10)) from mpl_toolkits.bas ...

  7. Redhat Linux 系统上安装JDK 1.7

    作者:潇湘隐者 出处:http://www.cnblogs.com/kerrycode/ 步骤1:下载JDK 1.7 安装包  JDK 1.7 下载地址:http://www.oracle.com/t ...

  8. .net软件开发脚本规范-SQL脚本标准

    一. SQL脚本标准 各文件夹存放的脚本说明 存储过程:除“基础_”开头的所有存储过程,包含新增.修改.删除.列表.提交.审核. 基础数据:“基础_”开头的存储过程,用于下拉列表的数据加载公共方法. ...

  9. MySQL多表关联数据同时删除

    MySQL多表关联时的多表删除: DELETE t1, t2FROM    t1LEFT JOIN t2 ON t1.id = t2.idWHERE    t1.id = 25

  10. jquery validate常用方法及注意问题

    1. required: true 值是必须的.required: "#aa:checked" 表达式的值为真,则需要验证.required: function(){} 返回为真, ...