node.js利用gulp 啓動webServer服務

做爲前端人員，在沒有公司內網服務器的情況下，想要在手機上調試代碼。那麼就通過本地起服務的方式來在手機上調試。

方法：

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可以結束當前服務，然後再啓動一次