http const http = require('http') 参数1,req 存储的是请求信息 req.url 访问请求的路径地址 /路径内容 参数2,res 设定响应体内容 res.end 设定返回响应体内容
const server = http.createServer( function(req,res){} )
server.listen(8080 , function(){监听成功执行的程序})
2,自定义模块 自定义模块,必须要设定导出内容,在其他js文件中才能通过 require 来导入,js文件中的内容
module.exports.导出的名称 = 变量名称 / 函数名称
在导入之后,使用导入的名称 来调用变量或者函数方法等
3,第三方模块 统一使用npm从node.js官方应用商店下载 npm是node.js自带的已经安装好的程序,不用单独去下载
(1) , 设定 下载地址 npm config set registry http://registry.npm.taobao.org
(2) , cmd,切换路径到项目指定的路径 (3) , 初始化文件夹 npm init -y
(4) , 可以开始下载响应的依赖包 全局依赖包 npm i -g 包名
局部/项目依赖包 npm i 包名
4,gulp (1) 下载全局的gulp npm i -g gulp
(2) 设定好项目的文件夹 dist 存储打包压缩文件的文件夹 src 原始文件,文件夹 pages 存储html文件 css 存储css文件 js 存储js文件 image 存储图片 ....
(3) 创建一个 gulpfile.js 的文件,设定打包规范程序
(4) 初始化文件夹 npm init -y
package.json 系统自动生成的,非常重要的文件,存储下载依赖包的相关信息 package-lock.json 系统自动生成的,咱们暂时用不上,但是别删,留着后面有用
(5) 按照依赖包
gulp自带的功能
gulp.src 指定要执行打包文件的路径,也就是源文件的路径
gulp.dest 指定打包压缩好的文件,存储的路径
gulp.watch 监听模块
gulp.series 按照顺序执行程序,只能添加函数名称
gulp.parallel 同时执行程序,只能添加函数名称
内置fs模块,node定义好的,不需要下载
css相关: nmp i gulp-autoprefixer 自动添加css兼容前缀 nmp i gulp-cssmin css打包压缩规范 还有一些其他的依赖包,可以下载
del npm i del 删除依赖包,删除指定路径的文件内容
(6) 设定打包压缩规范 a , css 的打包压缩规范设定
const cssHandler = function(){ return gulp.src(路径) .pipe( 自动添加前缀 ) .pipe( 自动打包 ) .pipe( 还可以有其他依赖包 ) .pipe( gulp.dest(存储打包文件的路径) ) } (7) 设定监听步骤 删除规范 a , dleHandler = function(){ return del( ['删除压缩文件路径'] ) }
监听规范 b , watchHandler = function(){ gulp.watch( '监听路径' , 文件发生改变执行的回调函数名称 ) } 设定默认执行程序,以导出的方式设定 module.exports.default = gulp.series( delHandler, gulp.parallel( CSSHandler ) watchHandler, )