2021-06-18 使用gulp的服务器插件gulp-server开启一个服务器

最新推荐文章于 2024-09-04 07:09:42 发布

原创最新推荐文章于 2024-09-04 07:09:42 发布 · 414 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#gulp #node #插件

知识点专栏收录该内容

96 篇文章

订阅专栏

本文介绍了如何通过编写gulpfile.js文件并使用gulp-connect模块来创建一个本地开发服务器。通过运行'gulp server'命令，可以成功启动监听3333端口的服务器，其根目录设置为'myProj'，便于前端项目的静态资源预览和调试。

编写一个gulpfile.js文件:

gulpfile.js

const connect = require("gulp-connect");
function serverFn() {
    connect.server() {
        port: 3333,
        root: './myProj'
    }
}
exports.server = serverFn;

cmd中输入以下命令:

gulp server

执行结果:

在这里插入图片描述
服务器开启成功

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端OnTheRun

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

gulp-server:API 服务器的 Gulp 集成

07-13

吞咽服务器 API 服务器的 Gulp 集成吞咽任务 help - 显示可用命令列表 dev - 运行开发工作流更改时的 lint 文件对更改运行单元测试在更改时运行 api 端点测试 build - 运行完整的构建工作流程 lints 文件运行单元测试运行 api 端点测试运行代码覆盖率报告运行 api 基准测试运行 api 负载测试运行复杂性报告运行成本分析生成变更日志生成待办事项生成贡献者文件生成文档生成 api-explorer lint - lint 源文件 test - 运行单元测试、api 端点测试和代码覆盖率 comp - 运行复杂性报告和成本分析 load - 运行 api 负载测试 bench - 运行 api 基准测试 explorer - 生成 api 资源管理器 docs - 生成 api 文档 api-endpoint-test

gulp-connect:Gulp插件运行Web服务器（使用LiveReload）

04-13

Gulp插件运行Web服务器（使用LiveReload）赞助商 gulp-connect由赞助！安装 npm install --save-dev gulp-connect 用法 var gulp = require ( 'gulp' ) ; var connect = require ( 'gulp-connect' ) ; gulp . ...

参与评论您还未登录，请先登录后发表或查看评论

Gulp开发服务器

weixin_45047039的博客

11-18

337

Gulp开发服务器一、安装browser-sync二、创建服务器三、启动服务器四、了解一些服务器配置以及热更新一、安装browser-sync yarn add browser-sync --dev 二、创建服务器 const browserSync = require("browser-sync") const bs = browserSync.create() // 创建一个开发服务器 三、启动服务器 // 启动服务 const serve = () => { bs.init({ //

使用gulp创建服务器

优快云

10-21

898

一、安装gulp和gulp-connectnpm install gulp gulp-connect二、配置gulpfile.js文件//使用connect启动一个Web服务器const gulp = require('gulp');const connect = require('gulp-connect'); gulp.task('connect',function(){ connect....

gulp搭建项目到服务器,利用gulp搭建简单服务器，gulp标准版(示例代码)

weixin_42358827的博客

08-10

381

var gulp = require(‘gulp‘),autoprefixer = require(‘gulp-autoprefixer‘), //自动添加css前缀rename = require(‘gulp-rename‘), //文件重命名sass = require(‘gulp-sass‘), //sass的编译minifycss = require(‘gulp-minify-css‘),...

使用gulp的服务器插件 gulp-server 开启一个服务器

全栈小菜鸟

08-24

1146

前端很多时候我们要启动一个服务器去访问打包后的静态文件，放。太重，使用其他的第三方工具也很重，幸运的是，我们有。然后就开启成功了 😄😄😄😄😄😄😄，就是简单。这种功能强大的工具链，直接看下面代码…

gulp-http-server:简单的 http 服务器样板

06-15

`gulp-http-server` 是一个用于前端开发的轻量级 HTTP 服务器插件，它基于 Node.js 平台并集成在 Gulp 工作流中。Gulp 是一个流行的自动化构建工具，用于编译、压缩、测试等前端开发任务。通过 `gulp-http-server`，...

gulp-json-server:运行 json-server 的 Gulp 插件

05-29

`gulp-json-server` 是一个基于 Gulp 的插件，它允许开发者通过 Gulp 工作流来快速启动和管理 `json-server`。`json-server` 是一个轻量级的工具，用于模拟 RESTful API，通常在开发阶段使用，以便前端开发者能够在...

使用gulp-develop-server简化Node.js服务器开发流程

资源摘要信息:"gulp-develop-server是一个专为Node.js服务器设计的gulp插件，旨在帮助开发者更高效地开发和测试服务器端代码。通过它可以实现代码的自动重启，即当开发者对服务器代码做出修改并保存后，服务器会自动...

gulp-webserver, 使用LiveReload运行本地web服务器的流媒体插件.zip

09-18

gulp-webserver, 使用LiveReload运行本地web服务器的流媒体插件 web服务器使用LiveReload运行本地web服务器的流媒体插件提示：这是对吞咽连接的重新编写。安装$ npm install --save-dev gulp-webserver用法gulp.src...

gulp-config:一些gulp配置

05-09

文档目录使用方式 win用户双击运行generatefolders_gitignore.bat运行并生成文件夹以及.gitignore文件； linux/unix/mac用户使用makefile文件，暂未配置目录组织结构 jade,用于存放jade模板； less,存放less文件； ea6js,存放es6js； maps，存放maps； local，存放杂物； css，存放生成的css以及其他css文件； js，存放生成的js以及其他js文件 .babelrc为babel配置文件

前端开源库-gulp-server-livereload

08-30

前端开源库-gulp-server-livereloadGulp服务器Livereload，运行本地Web服务器的Gulp插件，通过socket.io启用了Livereload。还附带独立的命令行界面。

gulp-webserver组件

lhp0906的博客

05-06

4097

Framework 7，运行环境组建，简单易用，不用运行apache及其他环境，节省系统资源，效率工作。

gulp入门10：gulp-webserver搭建热加载服务器

软考鸭

05-30

902

是一个用于搭建本地开发服务器的插件，它可以与gulp一起使用，提供实时刷新浏览器、目录列表显示等功能，从而提高前端开发效率。以下是关于。

gulp-webserver 使用教程

gitblog_00082的博客

09-03

501

gulp-webserver 使用教程 1. 项目的目录结构及介绍 gulp-webserver/ ├── README.md ├── index.js ├── package.json ├── gulpfile.js └── test/ └── index.js README.md: 项目说明文档，包含项目的基本信息和使用方法。 index.js: 项目的主入口文件，定义了主要的逻辑...

Gulp

Servenity

01-23

358

Gulp是一款基于流的自动构建化工具,Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。在自己的项目中使用gulp,首先需要创建一个package.json,然后创建一个gulpfile.js文件下面是一个简单的代码块实现一些，less/sass转译，js/css/html压缩以及gulp服务器自启，热加载gulp的简单配置： 1、首先来看下package.json的配置

Gulp Webserver 使用教程