2.Node运行环境搭建
2.3 PATH环境变量
存储系统中的目录,在命令行中执行命令的时候系统会自动去这些目录中查找命令的位置。
1.Node.js模块化开发
1.4 Node.js中模块化开发规范
Node.js规定一个JavaScript文件就是一个模块,模块内部定义的变量和函数默认情况下在外部无法得到
模块内部可以使用exports对象进行成员导出,使用require方法导入其他模块。
1.7 模块成员导出的另一种方式
module.exports.version=version;
module.exports.sayHi=sayHi
exports是module.exports的别名(地址引用关系),导出对象最终以module.exports为准。
3.系统模块
3.2 系统模块fs文件操作
f:file文件 s:system系统 文件操作系统
const fs=require('fs')
读取文件内容
fs.redFile('文件路径/文件名称'[,'文件编码'],callback);
读取文件语法示例
//读取上一级css目录下中的base.css
fs.readFile('../css/base.css','utf-8',(err,doc)=>{
//如果文件读取发生错误 参数err的值为错误对象 否则err的值为null
//doc参数为文件内容
if(err==null){
//在控制台中输出文件内容
console.log(doc)
}
})
写入文件内容
fs.writeFile('文件路径/文件名称','数据',callback)
const content='<h3>正在使用fs。writeFile写入文件内容</h3>';
fs.writeFile('../index.html',content,err=>{
if(err!=null){
console.log(err)
return;
}
console.log('文件写入成功')
})
3.3 系统模块path路径操作
为什么要进行路由拼接
- 不同操作系统的路径分隔符不统一
- /public/uploads/avatar
- Windows上是\ /
- Linux上是/
3.4 路径拼接语法
path.join('路径','路径',...)
//导入path模块
const path=require('path');
//路径拼接
let finialPath=path.join('itcast','a','b','c.css')
//输出结果itcast\a\b\c.css
console.log(finialPath)
3.5 相对路径VS绝对路径
- 大多数情况下使用绝对路径,因为相对路径有时候相对的是命令行工具的当前目录
- 在读取文件或者设置文件路径时都会选择绝对路径
- 使用__dirname获取当前文件所在的绝对路径
4. 第三方模块
4.1 什么是第三方模块
别人写的、具有特定功能的、我们能直接使用的模块即第三方模块,由于第三方模块通常都是由多个文件组成并且被放置在一个文件夹中,所以又名包。
第三方模块有两种存在形式:
- 以js文件的形式存在,提供实现项目具体功能的API接口。
- 以命令行工具形式存在,辅助项目开发。
4.2 获取第三方模块
npmjs.com:第三方模块的存储和分发仓库
npm(node package manager):node的第三方模块管理工具
- 下载:npm install 模块名称
- 卸载:npm unintall package 模块名称
全局安装与本地安装
- 命令行工具:全局安装
- 库文件:本地安装
4.3 第三方模块 nodemon
nodemon是一个命令行工具,用以辅助项目开发
在node.js中,每次修改文件都要在命令行工具中重新执行该文件,非常繁琐。
使用步骤
- 使用npm install nodemon -g 下载它
- 在命令行工具中用nodemon命令代替node命令执行文件
4.4 第三方模块 nrm
nrm(npm registry manager):npm下载地址切换工具
npm默认的下载地址在国外,国内下载速度慢
使用步骤
- 使用npm install nrm -g 下载它
- 查询可用下载地址列表 nrm is
- 切换npm 下载地址 nrm use 下载地址名称
4.5 第三方模块Gulp
基于node平台开发的前端构建工具
将机械化操作编写称成任务,想要执行机械化操作时执行一个命令行命令任务就能自动执行了,用机器代替手工,提高开发效率。
4.6 Gulp能做什么
- 项目上线,HTML、CSS、JS文件压缩合并
- 语法转换(es6、less)…
- 公共文件抽离
- 修改文件浏览器自动刷新
4.7 Gulp使用
- 使用npm install gulp 下载gulp库文件
- 在项目根目录下建立gulpfile.js文件
- 重构项目的文件夹结构src目录放置源代码文件dist目录放置构建后文件
- 在gulpfile.js文件中编写任务
- 在命令行工具中执行gulp任务
4.8 Gulp中提供的方法
- gulp.src():获取任务要处理的文件
- gulp.dest():输出文件
- gulp.task():建立gulp任务
- gulp.watch():监控文件的变化
const gulp =require('gulp')
//使用gulp.task()方法建立任务
gulp.task('first',()=>{
//获取要处理的文件
gulp.src('./src/css/base.css')
//将处理后的文件输出到dist目录
.pipe(gulp.dest('./dist/css'));
})
4.9 Gulp插件
- gulp-htmlmin:html文件压缩
- gulp-csso:压缩css
- gulp-babel:JavaScript语法转化
- gulp-less:less语法转化
- gulp-uglify:压缩混淆JavaScript
- gulp-file-include 公共文件包含
- browsersync 浏览器实时同步
5. Node.js中模块加载机制
5.1 模块查找规则-当模块拥有路径但没有后缀时
require('./find.js')
require('./find')
- require方法根据模块路径查找模块,如果是完整路径,直接引入模块
- 如果模块后缀省略,先找同名JS文件再找同名JS文件夹
- 如果找到了同名文件夹,找文件夹中的index.js
- 如果文件夹中没有index.js就会去当前文件夹中的package.js文件中查找main选项中的入口文件
- 如果找指定的入口文件不存在或者没有指定入口文件就会报错,模块没有被找到。
5.2 模块查找规则-当模块没有路径且没有后缀时
require('find')
- Node.js会假设它是系统模块
- Node.js会去node_modules文件夹中
- 首先看是否有该名字的JS文件
- 再看是否有该名字的文件夹
- 如果是文件夹看里面是否有index.js
- 如果没有index.js查看文件夹中的package.json中的main选项确定模块入口文件
- 否则找不到报错
6. package.json文件
6.1 node_modules文件夹的问题
- 文件夹及文件过多过碎,当我们将项目整体拷贝给别人的时候,传输速度会很慢很慢。
- 复杂的模块依赖关系需要被记录,确保模块的版本和当前保持一致,否则会导致当前项目运行报错。
6.2 package.json 文件的作用
项目描述文件,记录了当前项目信息,例如项目名称、版本、作者、github地址、当前项目依赖了哪些第三方模块等。使用npm init -y命令生成。
6.3 项目依赖
- 在项目的开发阶段和线上运营阶段,都需要依赖的第三方包,称为项目依赖
- 使用npm install 包名命令下载的文件会默认被添加到package.json文件的dependencies字段中
{
“dependencies”:{
"jquery":"^3.3.1"
}
}
6.4 开发依赖
- 在项目的开发阶段需要依赖,线上运营阶段不需要依赖的第三方包,称为开发依赖。
- 使用 npm install 包名 --save -dev 命令将包添加到package.json文件的devDependencies字段中。
{
"devDependencies":{
"gulp":"^3.9.1"
}
}
6.5 package-lock.json文件的作用
- 锁定包的版本,确保再次下载时不会因为包版本不同而产生问题
- 加快下载速度,因为该文件中已经记录了项目所依赖第三方包的树状结构和包的下载地址,重新安装时只需下载即可,不需要额外的工作。
7. Node.js快速入门
7.1 Node.js全局对象global
在浏览器中全局对象是window,在Node中全局对象是global。
Node中全局对象有以下方法,可以在任何地方使用,global可以省略。
- console.log() 在控制台输出
- setTimeout() 设置超时定时器
- clearTimeout() 清除超时定时器
- setInterval() 设置间歇定时器
- clearInterval() 清除间歇定时器