gulp 怎么开启两个本地服务器

1.首先 创建 pakeage.json 文件（包依赖）

1

npm init

接着会出现如下，提示（如果不填任何东西，直接按回车直到出现 yes 确认就行，以后也可以修改这个文件）

2.安装 gulp

1

2

3

4

npm i -D gulp

npm i -D gulp-connect

//or npm i -D gulp gulp-connect

// i -D 等同于 install --save-dev

3.新建 gulpfile.js 文件,并编辑（复制下面内容）

1

2

3

4

5

6

7

8

9

10

11

var gulp = require('gulp'),

connect = require('gulp-connect')

gulp.task('webserver', function() {

connect.server({

livereload: true,

port: 2333

})

})

gulp.task('default', ['webserver'])

4. 在命令行输入 gulp，接着可以用浏览器访问 localhost:2333，此时文件结构如下图

要网站根目录放文件favicon.ico即favicon.ico置于文档根目录些处理link元件浏览器找即使没您站点没指向链接

标准化

Favicon 功能早由微软创设微软公司Internet Explorer网页浏览器每网站都请求favicon微软支持link标签遵World Wide Web Consortium（W3C万维网联盟）HTML建议[1]：rel属性必须包含用空格作隔符link类型列表所包含两词link类型能遵守标准浏览器理解

——————

种需要展示网页添加代码

建议包含面两行HTML代码支持ico格式图标

第行必须shortcut icon字符串数遵守标准浏览器识别列能关键词（shortcut忽略仅适用icon）；Internet Explorer作单独名称（shortcut icon）做结所浏览器都理解代码希望新浏览器提供另种备用图像（例画GIF）才必要添加第二行

HTMLlink元件必须head元件（间)

于XHTMLlink必须使用 />结束（或>）使用>结束

href必指向/favicon.ico位置指向任何URL

图像通使用任何浏览器支持图像格式

.ico文件格式通所显示favicon浏览器读取

设置服务器发送确MIME标识：

ICO 文件 image/vnd.microsoft.icon（或者亦于兼容性原使用image/x-icon使用IANA注册MIME类型数主流浏览器现支持）

GIF 文件 image/gif

PNG 文件 image/png

使用适辨率色深

ICO：包括种辨率（使用16×1632×32Mac OS X使用64×64128×128）及位深（比特每像素）（数使用4、8、24 bpp即16、2561600万色）

GIF: 使用16×16256色

PNG: 使用16×16256色或24位

使用 gulp 搭建前端环境入门篇

1. gulp 入门基础

2. 配置常用插件

3. ES6 代码转化

4. 完整演示示例

5. 参考文档

原文链接

gulp 入门基础

1.全局安装 gulp ：

$ npm install --global gulp

2.作为项目的开发依赖 （devDependencies）

$ npm install --save-dev gulp

3.在项目根目录下面创建一个名为 gulpfile.js 的文件：

$ touch gulpfile.js

// 配置 gulp 的相关任务

4.运行 gulp：

$ gulp

配置常用插件

下面的步骤从零开始动手搭建环境

1.检查你的 node 版本和 gulp 版本

node -v

// =>v4.0.0

gulp -v

// =>CLI version 3.9.0

// =>Local version 3.9.0

---