文档章节

node.js利用gulp 启动webServer服务

彭良维--莫欺博客
 彭良维--莫欺博客
发布于 2016/10/13 11:22
字数 435
阅读 306
收藏 0

做为前端人员,在没有公司内网服务器的情况下,想要在手机上调试代码。那么就通过本地起服务的方式来在手机上调试。

方法:

1:先安装node.js;去官方下载就好了。https://nodejs.org/en/,根据需求下载安装。一般选择下载第一个就好了。

2:下载安装完成后,换成某宝镜像npm install cnpm -g --registry=https://registry.npm.taobao.org 因为在国内。某宝的镜像确实速度快很多。如果您能翻墙那也可以不用换

3:全局安装gulp  :  cnpm install gulp -g

4:去到对应的工程目录下,创建工程配置文件cnpm init;创建完成后会生成一个package.json文件

5:本地安装gulp : cnpm install gulp --save-dev (基于package.json文件,所以有--save-dev)

6:本地安装gulp-webserver插件 : cnpm install gulp-webserver --save-dev

7: 新建配置文件,gulpfile.js

8:在配置文件中的代码:

 //引入gulp
var gulp = require('gulp');

//引入webserver插件
var webserver = require('gulp-webserver'); 



gulp.task('webserver', function(){
gulp.src('./')
.pipe(webserver({
port: 80,//端口
host: '172.20.0.235',//域名
liveload: true,//实时刷新代码。不用f5刷新

directoryListing: {
path: './',
enable: true
}
}))
});

9:配置完成后在node.js中启动gulp webserver。启动成功后就算是成功了。可以在手机上输入这个ip地址进行访问了。

注:启动了服务还是访问不了。看看有没有开防火墙,

每修改一次gulpfile.js文件都需要重启一下服务。ctrl+c可以结束当前服务,然后再启动一次

 

© 著作权归作者所有

彭良维--莫欺博客
粉丝 2
博文 10
码字总数 4806
作品 0
北京
前端工程师
私信 提问
利用Gulp搭建本地服务器并实现Ajax模拟

利用gulp搭建本地服务器,实现自动打开页面,自动刷新,模拟ajax操作 用到的模块如下: gulp gulp-webserver gulp-livereload 第一步,创建package.json 第二步,安装模块 第三步,创建gulpf...

阿振
2016/04/28
69
0
关于nodejs+npm+vue服务webpack打包到线上服务器部署的一些坑

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 https://blog.csdn.net/English0523/article/details/100017541 本文主要介绍vue+webpack打包...

天府云创
08/22
0
0
WebStorm 9“神器”变“霸器”

WebStorm 9测试版新增:Live Edit增强、JS后缀模板、Gulp集成、Node.js的spy-js和改善Editorconfig等。 早在半年前,JetBrains就发布了WebStorm 9的发展路线,经过半年的不断努力与更替。Web...

kouxunli1
2014/10/21
2K
1
基于Node.js的自动化工具Gulp

基于Node.js的自动化工具Gulp What is gulp? gulp是前端开发过程中一种基于流的代码构建工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用...

笔阁
2015/10/29
977
1
nodejs+gulp+webpack基础知识

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 https://blog.csdn.net/English0523/article/details/100009783 知识点涉及怎么结合gulp、w...

天府云创
08/22
0
0

没有更多内容

加载失败,请刷新页面

加载更多

java通过ServerSocket与Socket实现通信

首先说一下ServerSocket与Socket. 1.ServerSocket ServerSocket是用来监听客户端Socket连接的类,如果没有连接会一直处于等待状态. ServetSocket有三个构造方法: (1) ServerSocket(int port);...

Blueeeeeee
今天
6
0
用 Sphinx 搭建博客时,如何自定义插件?

之前有不少同学看过我的个人博客(http://python-online.cn),也根据我写的教程完成了自己个人站点的搭建。 点此:使用 Python 30分钟 教你快速搭建一个博客 为防有的同学不清楚 Sphinx ,这...

王炳明
昨天
5
0
黑客之道-40本书籍助你快速入门黑客技术免费下载

场景 黑客是一个中文词语,皆源自英文hacker,随着灰鸽子的出现,灰鸽子成为了很多假借黑客名义控制他人电脑的黑客技术,于是出现了“骇客”与"黑客"分家。2012年电影频道节目中心出品的电影...

badaoliumang
昨天
15
0
很遗憾,没有一篇文章能讲清楚线程的生命周期!

(手机横屏看源码更方便) 注:java源码分析部分如无特殊说明均基于 java8 版本。 简介 大家都知道线程是有生命周期,但是彤哥可以认真负责地告诉你网上几乎没有一篇文章讲得是完全正确的。 ...

彤哥读源码
昨天
15
0
jquery--DOM操作基础

本文转载于:专业的前端网站➭jquery--DOM操作基础 元素的访问 元素属性操作 获取:attr(name);$("#my").attr("src"); 设置:attr(name,value);$("#myImg").attr("src","images/1.jpg"); ......

前端老手
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部