1.1 服务端（基础：部置node开发环境[命令行+Gulp+下载地址]）

1.JS环境安装
2.命令行输出
3.切换npm下载地址
4.自动刷新命令行工具
5.Gulp

1.JS环境安装

JS允运行环境

JS的运行环境	全局对象	引擎	组成
浏览器（例如谷歌）	window	v8引擎	ECMAScript+浏览器API（dom+bom）
node软件	global	v8引擎	ECMAScript+nodeAPI（模块）

环境安装
Xmind /图片链接

2.命令行输出

1.定义：node软件安装至电脑后，在软件中输入代码，输出位置在命令行

//1.改变目录命令行代码
cd ../   一点一点调试就行
//2.永久解决
找到文件目录，「shift+右键」用「命令行打开」

操作	代码
补全代码	node+文件名字+tab
上次执行文件	键盘「⬆️」
清除多余命令行	clear
终止操作	ctrl +c
复制操作	鼠标右键

3.第三方模块：切换npm的下载地址

1.在命令行内输入代码
2.解决问题：npm下载太慢，国外网站
npm install nrm-g
//下载nrm文件包，装在全局安装中-g
nrm  ls
//在命令行查询下载地址，一般用淘宝
nrm use taobao
//变了之后taobao前面就有勒个*号

4.第三方模块：自动刷新命令行工具（ nodemon-g）

1.解决问题：每次查看都需要打开命令行，浪费时间
2.文件保存之后命令行自动刷新
npm install nodemon-g
//下载nodemon文件包
nodemon +文件路径  //开启
ctrl +c   //断开

5.第三方模块：Gulp

定义
1.基于node平台开发的前端构建工具
2.将机械操作编写成任务，用机器代替手工，提高效率

1.新建文件夹 gulp-demo，为项目根目录
2.命令行工具切换到gulop-demo目录下
3.在gulp-demo文件夹下安装:npm install Gulp
4.在gulp-demo文件夹下创建  gulpfile.js文件
5.在gulp-demo文件夹下创建 src文件夹（存源代码）
6.在gulp-demo文件夹下创建 dist文件夹（存整理后的代码）
7.在gulpfile.js文件中编写任务


在gulpfile.js文件中引入gulp方法
let gulp =require("gulp")

gulp.task(任务名字,()=>{    //1.创建任务
gulp.src(path.join(__dirname,相对路径))//2.获取处理的文件
.pipe() //3.将处理代码写在pipe中,从gulp插件复制粘贴即可
.pipe(gulp.dest(["带名字的路径"]))//4.将文件输出到xx目录

})
gulp.watch() //监控文件的变化


    (1)压缩html
let htmlmin = require("gulp-htmlmin")   //获取htmlmin插件
    .pipe("复制粘贴npm官网Usage标题内容")
    (2)抽取html公共代码

let fileinclude = require("gulp-file-include)
    //1.src文件夹下创建common文件夹
    //2.common文件夹内创建header.js文件
    //3.将原来html的公共代码删除，并且复制到header.js文件内
    //4.在原来html删除代码的位置上
    //5.@@include（“路径+header.js”）
    (3)less  css语法转换
    (4)css压缩
    (5)js es6到es5语法转换
    (6)js 压缩