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. 自定义SWT控件一之自定义单选下拉框

    一.自定义下拉控件 自定义的下拉框,是自定义样式的,其中的下拉框使用的是独立的window,非复选框的下拉框双击单机其它区域或选择完之后,独立window构成的下拉框会自动消失. package co ...

  2. 【JDK】JDK源码分析-AbstractQueuedSynchronizer(2)

    概述 前文「JDK源码分析-AbstractQueuedSynchronizer(1)」初步分析了 AQS,其中提到了 Node 节点的「独占模式」和「共享模式」,其实 AQS 也主要是围绕对这两种模 ...

  3. 洛谷P2763题解

    吐槽一下:蜜汁UKE是什么玩意?! 题目分析: 观察题面,对于给定的组卷要求,计算满足要求的组卷方案,可以发现这是一道明显的有条件的二分图匹配问题,于是考虑建模. 建一个超级源点,一个超级汇点:源点与 ...

  4. LR(1)语法分析器生成器(生成Action表和Goto表)java实现(一)

    序言 : 在看过<自己实现编译器链接器>源码之后,最近在看<编译器设计>,但感觉伪代码还是有点太浮空.没有掌握的感觉,也因为内网几乎没有LR(1)语法分析器生成器的内容,于是我 ...

  5. gRPC【RPC自定义http2.0协议传输】

    gRPC 简介 gRPC是由Google公司开源的高性能RPC框架. gRPC支持多语言 gRPC原生使用C.Java.Go进行了三种实现,而C语言实现的版本进行封装后又支持C++.C#.Node.O ...

  6. powerdesign进军(二)--oracle数据源配置

    目录 资源下载(oracle客户端) 配置 查看系统的数据源 powerdesign 连接数据库 title: powerdesign进军(二)--oracle数据源配置 date: 2019-05- ...

  7. 汇总VSCode中比较好用的插件

    使用vscode编辑器两年的时间,总结出前端一些比较方便的插件 1. Auto Close Tag 自动添加HTML / XML关闭标签 2. Auto Complete Tag 自动完成标签 3 A ...

  8. RuntimeError: one of the variables needed for gradient computation has been modified by an inplace

    vgg里面的 ReLU默认的参数inplace=True 当我们调用vgg结构的时候注意 要将inplace改成 False 不然会报错 RuntimeError: one of the variab ...

  9. 在Android Studio配置google protobuf

    1.在project的build.gradle中配置 buildscript { repositories { jcenter() mavenCentral() } dependencies { cl ...

  10. SoapUI使用教程---简介、下载、破解

    最近项目中要使用到SoapUI这款测试工具,之前有接触过,但好久没用了,借此机会记录并和大家分享一下. 一.soapui简介 soapui是一款开源测试工具,通过soap/http来检查.调用.实现W ...