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，此时文件结构如下图

web前端开发工具排名是：

1、编辑器: sublime, webstorm, atom, vim等。

2、调试工具: 浏览器自带的devtools，移动端页面远程调试等。

3、构建工具: gulp, grunt, webpack。

4、包管理工具: bower。

5、远程服务器工具: filezilla/shell。

工具主要作用就是帮工程师减少工作量，自动化处理，如压缩css, 合并js/css, 上传cdn, 图片优化, 管理jquery等三方库。

想要了解更多有关web前端的相关信息，推荐咨询千锋教育。千锋教育成立教研学科中心，推出贴近企业需求的线下技能培训课程。课程包含HTML5大前端培训、JavaEE+分布式开发培训、Python人工智能+数据分析培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、网络安全培训、区块链培训、影视剪辑包装培训、游戏原画培训、全媒体运营培训。采用全程面授高品质、高体验培养模式，非常值得选择。

要网站根目录放文件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位

---