gulp修改服务器端口,2.用gulp建立一个服务器

查看你的web文件包

|- view

|-|- index.html

|-node_modules

安装对应的gulp插件

这个时候请确认你已经把gulp安装完成了。

进入控制台，进入对应的项目地址

安装gulp-connect插件

npm install gulp-connect //这个插件是gulp模拟静态服务器的插件

编写gulpfile.js文件

重点来了，想让你的工作更轻松更自动，就要好好写gulpfile.js了

首先先把需要用到的方法放到简单的(你喜欢的)名字变量里

var gulp = require('gulp');

var connect = require('gulp-connect'); //静态服务器

我们来启动一个静态服务器

//使用connect启动一个web服务器

gulp.task('woyaofuwuqi', function () { //任务名称不要有空格

connect.server({

liverload: true,port:9000 //端口号

});

编写默认任务

//默认任务

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

// 测试一下

console.log('this is a new test page.');

gulp.start('woyaofuwuqi'); //启动一个web服务器

});

gulp每次启动的时候(在控制台写gulp)都会运行默认任务

完成半自动化

4.1 制作一个清除缓存的方法

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

//清除缓存，或者说，重新加载所有html文件

gulp.src('*.html')

.pipe(connect.reload());

});

4.2 监听html文件

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

//监听所有html文件，如果有变化，则执行清除缓存方法

gulp.watch(['*/*.html'],['qinghuancun']);

});

4.3 把监听任务追加到启动服务器任务中

//第一种方法：将监听任务写进'woyaofuwuqi'任务中

//不推荐

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

//任务名称不要有空格

connect.server({

liverload: true,port:9000 //端口号

});

gulp.watch(['*/*.html'],['qinghuancun']);

});

/***********************************************************/

//第二种方法：新建一个任务列表，把监听任务与服务器任务都放在列表中

//推荐

gulp.task('taskList', ['woyaofuwuqi','watchHtml']);

//修改默认任务

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

// 测试一下

console.log('this is a new test page.');

//gulp.start('woyaofuwuqi');

gulp.start('taskList'); //执行任务列表

});

查看你的成果

在命令行中进入你的项目文件夹，输入gulp，进入

如果你正确走完了前一篇文章，你的web包里应该会出现这个文件夹。 ↩

当然，端口号是你自己设置的咯。 ↩

gulp修改服务器端口,2.用gulp建立一个服务器相关推荐

oa移动办公怎么修改服务器端口,移动办公oa怎么知道服务器地址
移动办公oa怎么知道服务器地址内容精选换一换为保证弹性云服务器的安全性,每个弹性云服务器创建成功后都会加入到一个安全组中,安全组默认Internet对内访问是禁止的 (Linux SSH&quo ...
修改服务器端口后防火墙要设置吗,服务器设置完防火墙需要重启吗
服务器设置完防火墙需要重启吗内容精选换一换代码迁移工具进行代码迁移时,需要调用Linux下的rpm.deb等命令才能完成扫描和迁移相关任务,这些命令和逻辑必须在后端Linux运行.IDE插件只支 ...
linux系统怎么建ftp服务器地址,Ubuntu Linux系统建立FTP服务器方法步骤
实现了Apache多用户的虚拟主机设置,那么一般这些用户都会选择用ftp上传的方式来管理自己的web内容,这就需要我们再为他们开设FTP服务. Ubuntu自带的FTP服务器是vsftpd. 1.安装 ...
es文件浏览器怎么开ftp服务器,es文件浏览器怎么建立ftp服务器
es文件浏览器怎么建立ftp服务器内容精选换一换弹性云服务器的密钥文件是在创建密钥对后,浏览器会提示您下载或自动下载私钥文件,请妥善保管.在SSH登录弹性云服务器时,您将需要提供相应的私钥.密钥 ...
Windows服务器如何查看服务器端口是否开放？扬州高防服务器103.216.155.**
在工作中处理服务器故障问题的时候,经常需要检测一下Windows的服务器业务端口是否开放,是否能正常与外面通讯.今天飞飞与大家分享一下如何在windows环境下检测服务器端口是否开放,方法很简单. 1 ...
如何检测远程服务器端口是否打开,如何远程查看服务器端口是否打开
1.安装telnet.我的win7下就没有telnet,在cmd下输入telnet提示没有该命令.于是我们进入控制面板---->程序---->打开或关闭windows功能.然后等一段时间, ...
服务器断电数据库文件好几个,一个服务器放多个数据库好么
一个服务器放多个数据库好么内容精选换一换删除现有的一个数据服务器.只有server的owner才可以删除.IF EXISTS如果指定的数据服务器不存在,则发出一个notice而不是抛出一个错误. ...
dw怎么取消建在虚拟服务器中,dw 怎么设置关掉一个服务器
dw 怎么设置关掉一个服务器内容精选换一换活动目录(Active Directory)是面向Windows Standard Server.Windows Enterprise Server以及 ...
ClickHouse系列教程八：从一个服务器导入4T数据到另外一个服务器
ClickHouse系列教程: ClickHouse系列教程遇到了一个问题,就是如何把数据从一个服务器导入到另外一个服务器. 最初的想法是把数据都导出到CSV文件,然后再从CSV文件导入,做法如下: ...
服务器多ip怎么设置网站,一个服务器如何设置多个ip地址
一个服务器如何设置多个ip地址内容精选换一换本节操作介绍如何在移动设备上连接Linux实例.以iTerminal-SSH Telnet为例介绍如何在iOS设备上连接 Linux 实例,详细操作请 ...

gulp修改服务器端口,2.用gulp建立一个服务器

gulp修改服务器端口,2.用gulp建立一个服务器相关推荐

最新文章

热门文章