Node.js - 技术栈

Node开发基础

[1. 概述](#1. 概述)

[1.1 为什么要学习服务器端开发基础](#1.1 为什么要学习服务器端开发基础)

[1.2 服务器端开发要做的事情](#1.2 服务器端开发要做的事情)

[1.3 Node是什么](#1.3 Node是什么)

[1.4 运行环境](#1.4 运行环境)

[2. Node运行环境搭建](#2. Node运行环境搭建)

[2.1 Node.js运行环境安装](#2.1 Node.js运行环境安装)

[2.2 Node.js版本号查看](#2.2 Node.js版本号查看)

[3. Node.js快速入门](#3. Node.js快速入门)

[3.1 Node.js 的组成](#3.1 Node.js 的组成)

[3.2 Node.js的全局对象global](#3.2 Node.js的全局对象global)

[4. Node.js模块化开发](#4. Node.js模块化开发)

[4.1 JavaScript开发弊端](#4.1 JavaScript开发弊端)

[4.2 Node.js中模块化开发规范](#4.2 Node.js中模块化开发规范)

[5. 内置模块](#5. 内置模块)

[5.1 fs模块](#5.1 fs模块)

[5.2 path模块.](#5.2 path模块.)

[6. 第三方模块](#6. 第三方模块)

[6.1 什么是第三方模块](#6.1 什么是第三方模块)

[6.2 获取第三方模块](#6.2 获取第三方模块)

[6.3 关于下包慢的问题？](#6.3 关于下包慢的问题？)

[6.4 第三方模块 nodemon](#6.4 第三方模块 nodemon)

Node开发基础

1. 概述

1.1 为什么要学习服务器端开发基础

能够和后端程序员更加紧密的配合
网站业务逻辑前置，学习前端技术需要后端技术支撑
扩宽知识视野，能够站在更高的角度审视整个项目

1.2 服务器端开发要做的事情

实现网站的业务逻辑 ---网站登录部分，比如用户登录名

数据的增删改查 ---电商网站的购物车管理页面，能够实现增查改删操作

1.3 Node是什么

Node是一个基于Chrome V8引擎的JavaScript代码运行环境。

1.4 运行环境

浏览器（软件）能够运行JavaScript代码，浏览器就是JavaScript代码的运行环境
Node（软件）能够运行JavaScript代码，Node就是JavaScript代码的运行环境

2. Node运行环境搭建

2.1 Node.js运行环境安装

官网：Node.js
LTS = Long Term Support 长期支持版稳定版
- 对于追求稳定性的企业项目来说，推荐安装LTS版本的Node.js
Current 拥有最新特性实验版
- 新特性尝鲜版，对于喜欢尝试体验新特性的用户来说，推荐安装Current版本的Node.js，Current版本中可能存在Bug，或者漏洞，因此不妥剑企业使用该版本

2.2 Node.js版本号查看

复制代码

node -v
npm -v

node package manager

3. Node.js快速入门

3.1 Node.js 的组成

JavaScript 由三部分组成，ECMAScript ，DOM ，BOM。

Node.js是由ECMAScript 及Node 环境 提供的一些附加API组成的，包括文件、网络、路径等等一些更加强大的 API。

代码测试---借助命令行工具：执行代码操作01.hello.js

javascript 复制代码

// demo 01
var first = "hello node!"

function fn () {
  console.log("fn执行了");
}
fn()
for (var i = 0; i < 3; i++) {
  console.log(i);
}

if (true) {
  console.log("abc");
}

基本指令

mac版本
1. cal
2. date
3. mkdir
4. rmdir
5. touch a.js
6. rm a.js
window版本
1. Calc 打开计算器
2. cd ../ 回到上一级目录 change
3. cd Desktop 进入桌面目录
4. clear 清屏命令 cls
5. ls 查看当前目录

1.注意运行node指令，必须保证与执行文件在同一个目录之下 2.在vscode中可以打开终端执行执行node指令 3.输入文件名字太长，很麻烦，可以借助tab键帮我们识别文件名

3.2 Node.js的全局对象global

javascript 复制代码

global.console.log("hello node")
global.setTimeout(() => {
    console.log("123")
}, 100);

console.log(global)
console.log("hello node")

setTimeout(() => {
    console.log("123")
}, 100);

4. Node.js模块化开发

4.1 JavaScript开发弊端

JavaScript在使用时存在两大问题，文件依赖和命名冲突
生活中的模块化开发
软件中的模块化开发
- 编程领域的模块化，就是遵循固定的规则，把一个大文件拆成独立的小模块。js
- 提高代码的复用性
- 提高代码的可维护性
- 可以实现按需加载
一个功能就是一个模块，多个模块可以组成完整应用，抽离一个模块不会影响其他功能的运行。

4.2 Node.js中模块化开发规范

Node.js中模块的分类
- 内置模块：由node.js官方提供的例如fs，path，http等
- 自定义模块：用户所创建的.js文件，就是自定义模块
- 第三方模块：由第三方开发出来的模块，并未node.js官方提供的，也不是用户自己创建的，是用前需要下载，列入flexable.js
加载模块

使用强大的require()方法，可以加载需要的内置模块，自定义模块，第三方模块

javascript 复制代码

//1. 加载内置的fs模块
const fs = require('path')

//2.加载自定义模块
const custom = require('./全局js对象');

//3.加载第三方模块，需要安装moent才可以，后面课程再做专门讲解
const moment = require('moment')

模块作用域

复制代码

只能在当前模块内被访问，这种模块级别的访问限制，叫做模块作用域

向外共享模块作用域中的成员

Node.js规定一个JavaScript文件就是一个模块，模块内部定义的变量和函数 默认情况下在外部无法得到

模块内部可以使用exports 对象进行成员导出，使用require方法导入其他模块。

每个.js自定义模块中都有一个module对象，它里面存储了当前模块的信息

模块成员导出

javascript 复制代码

// 03.module.js
 const add = (x, y) => x + y
 exports.add = add

模块成员的导入

javascript 复制代码

// 04.require.js
var abc =require('./03.module.js')
console.log(abc.add);
console.log(abc.add(1,2));
注意：导入模块时文件名后缀可以省略

模块成员导出的另一种方式
exports 是module.exports 的别名**(地址引用关系)**

5. 内置模块

5.1 fs模块

fs模块是Node.js官方提供，用来操作文件的模块。

javascript 复制代码

fs.readFile()方法，用来读取文件中的内容
fs.writeFile()方法，用来指定文件中写入内容

javascript 复制代码

// demo 07
const fs = require('fs')
fs.readFile('1.txt', 'utf-8', function (err, result) {
    // 如果读取成功，则打印读取的内容
    // 如果读取失败，则err的值为错误对象，
    if (err) {
        return console.log("文件读取失败" + err.message);
    }
    console.log("文件读取成功,内容是" + result);
})

javascript 复制代码

// demo 08
const fs = require('fs')
fs.writeFile('./files/2.txt', '我是要写入的内容', 'utf-8', function (err, result) {
  // 如果写入成功，则err的值为null
  // 如果写入失败，则err的值为错误对象
  if (err) {
    return console.log("文件写入失败" + err.message);
  }
  console.log("文件写入成功");
})

5.2 path模块.

path是node.js官方提供的，用来处理路径的，它提供了一些列的方法和属性，用来满足用户对路径处理的需求

例如：path.join()方法，用来将多个路径片段拼接成一个完成的路径字符串

javascript 复制代码

 // files文件下 demo 09

    const path = require("path")
    const pathStr = path.join('/a', '/b/c', '../', './', '/d', '/e')
// 注意 ../会抵消一级目录
    console.log(pathStr)

__dirname 获取当前文件所处绝对路径

javascript 复制代码

 // files文件下 demo 10
 
const path = require("path")
const pathStr = path.join(__dirname, "1.txt")
console.log(pathStr)

复制代码

6. 第三方模块

6.1 什么是第三方模块

别人写好的、具有特定功能的、我们能直接使用的模块即第三方模块，由于第三方模块通常都是由多个.js文件组成并且被放置在一个文件夹中，所以又名包。

第三方模块有两种存在形式：
以js文件的形式存在，提供实现项目具体功能的API接口。----类似于jquery.js axios.js vue.js
以命令行的形式存在去远程仓库下载
为什么需要包？
由于 Node. js的内置模块仅提供了一些底层的APl,导致在基于内置模块进行项目开发的时,效率很低，包是基于内置模块封装出来的,提供了更高级、更方便的APl,极大的提高了开发效率。包和内置模块之间的关系,类似于 jQuery和浏览器内置APl之间的关系。

6.2 获取第三方模块

国外有一家IT公司,叫做npm,Inc..这家公司旗下有一个非常著名的网站:npm | Home,它是全球最大的包共享平台,你可以从这个网站上搜索到任何你需要的包,只要你有足够的耐心! 到目前位置,全球约1300多万的开发人员,通过这个包共享平台,开发并共享了超过120多万个包供我们使用。 npm,Inc.公司提供了一个地址为的服务器,来对外共亨所有的包,我们可以从这个服务器上下载自己所需要的包。

npmjs.com：第三方模块的存储和分发仓库
怎么下包?
javascript 复制代码
```
npm install 包完整名称
```
简写
javascript 复制代码
```
npm i 包完整名称
```
npm (node package manager) ： node的第三方模块管理工具
- 下载：npm install 模块名称------npm install jquery
- 当我们输入num install jquery的时候，自动就会去https://registry.npmjs.org/帮你下载
初次装包后多了哪些文件？
- node_modules文件夹
  - 用来存放所有已安装到项目中的包，require()导入第三方包时，就是从这个文件夹中查找并加载包
- package-lock.json配置文件
  - 用来记录node_modules文件夹下的每一个包的下载信息，例如包的名字，版本号，下载地址
安装指定版本的包
- 默认情况下，使用npm install安装包的时候，会自动安装最新版本的包，如果需要安装指定版本的包，可以在包之后，
  
  通过@符号指定具体版本
  javascript 复制代码
```
npm i jquery@3.7.0
```
包的语义化版本规范
- 包版本一共三位数字，例如 3.3.3
  - 第一位数字：大版本
  - 第二位数字：功能版本
  - 第三位数字：Bug修复版本
为什么要有包管理配置文件？
1. 多人协作问题
  
  整个项目体积是30M
  
  第三方包体积是28M
  
  源代码体积1.6M
  
  问题：就是第三方体积过大，不方便团队成员之间共享源代码
  
  解决方案：共享时删除node_modules
2. 如何记录项目中安装了哪些包？
  
  再项目根目录创建一个叫package.json配置文件，用来记录安装了哪些包。
3. 一次性安装所有包
  javascript 复制代码
```
npm install 
```
  简写
  javascript 复制代码
```
npm i
```
4. 创建package.json文件
  javascript 复制代码
```
npm init -y
```
  运行npm install 命令时候，npm包管理工具会自动把包的信息名称和版本号记录到package.json文件中
5. dependenices节点
  
  package.json文件中，有一个dependenices节点，专门记录npm install命令安装了哪些包
  javascript 复制代码
```
1.新建myproject文件夹，使用命令行工具npm init -y生成package.json文件
2.查看package.json文件
3.下载两个第三方模块 
{
  "name": "myproject",//项目名字
  "version": "1.0.0", //项目版本
  "description": "",  //项目描述
  "main": "index.js", / 件
  "scripts": {        //存储的是命令的别名
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",       //项目作者
   "keywords": [],      //关键字
  "license": "ISC"    //项目的协议---开放源代码
}
```
  package.json 文件的作用(解决文件夹以及文件过碎的问题---实际上我们不需要将node_modules文件夹传输给别人)
项目依赖

在项目的开发阶段和线上运营阶段，都需要依赖的第三方包，称为项目依赖

使用npm install 包名命令下载的文件会默认被添加到 package.json 文件的 dependencies 字段中

javascript 复制代码

 {
    "dependencies": {
        "jquery": "^3.3.1"
    }
 }

开发依赖

在项目的开发阶段需要依赖，线上运营阶段不需要依赖的第三方包，称为开发依赖

使用npm install 包名 --save-dev命令将包添加到package.json文件的devDependencies字段中

运行npm install gulp --save-dev

javascript 复制代码

{
    "devDependencies": {
        "gulp": "^3.9.1"
    }
 }

卸载包
javascript 复制代码
```
npm uninstall 包名称
```
安装全局包
javascript 复制代码
```
npm install 包名 -g     #安装全局包
npm uninstall 包名 -g   #卸载全局包
```
全局包默认会被安装到C:\Users\用户目录\AppData\Roaming\npm\node_modules目录下

6.3 关于下包慢的问题？

javascript 复制代码

//查看当前镜像源
npm config get registry
//切换淘宝镜像源
npm config set registry https://registry.npm.taobao.org

6.4 第三方模块 nodemon

nodemon是一个命令行工具，用以辅助项目开发。

在Node.js中，每次修改文件都要在命令行工具中重新执行该文件，非常繁琐。

使用步骤

1.使用npm install nodemon --g 下载它

1.在命令行工具中用nodemon命令替代node命令执行文件