Web - Linux下，如何使用Gulp运行调试html代码

• 安装Nodejs

  sudo apt install nodejs
  sudo apt install npm
  

• 安装browser-sync包

  sudo npm install browser-sync -g  #进行全局安装
  npm install browser-sync --save-dev  #项目内安装，需要安装到项目中
  

• 安装gulp包

  sudo npm install gulp -g  #进行全局安装
  npm install gulp --save-dev  #项目内安装，需要安装到项目中
  

• 编写项目的gulpfile.js文件,放置在项目根目录下

  var browserSync = require('browser-sync');
  var gulp = require('gulp');
  gulp.task('default', function(){ //创建gulp任务
        console.log('正在启动服务器并运行文件检测系统...');
    browserSync.init({
        server: {
            baseDir: './', //指定项目根目录
            index: './index.html' //首页地址
          },
            port: 8081 //端口号
      });
        gulp.watch('*').on('change', browserSync.reload);//当目录下文件有变动时，项目自动刷新
        gulp.watch('*/**/*').on('change', browserSync.reload);
  });
  

• 运行项目

  $ gulp #项目根目录中，终端执行gulp