Node.js 入门

一、什么是 Node.js?

定义:


作用:使用 Node.js 编写服务器端程序
编写数据接口,提供网页资源浏览功能等等
前端工程化:为后续学习 Vue 和 React 等框架做铺垫

二、什么是前端工程化?

前端工程化:开发项目直到上线,过程中集成的所有工具和技术
Node.js 是前端工程化的基础(因为 Node.js 可以主动读取前端代码内容)

三、Node.js 为何能执行 JS?

首先:浏览器能执行 JS 代码,依靠的是内核中的 V8 引擎(C++ 程序)
其次:Node.js 是基于 Chrome V8 引擎进行封装(运行环境)
区别:都支持 ECMAScript 标准语法,Node.js 有独立的 API

注意:Node.js 环境没有 DOM 和 BOM 等 。

四、Node.js 安装

要求:下载 node-v16.19.0.msi 安装程序(指定版本:兼容 vue-admin-template 模板)


安装过程:默认下一步即可
注释事项:

  1. 安装在非中文路径下
  2. 无需勾选自动安装其他配套软件
    成功验证:
  3. 打开 cmd 终端,输入 node -v 命令查看版本号
  4. 如果有显示,则代表安装成功

五、使用 Node.js:

需求:新建 JS 文件,并编写代码后,在 node 环境下执行
命令:在 VSCode 集成终端中,输入 node xxx.js,回车即可执行

六、fs 模块 - 读写文件

模块:类似插件,封装了方法/属性
fs 模块:封装了与本机文件系统进行交互的,方法/属性
语法:

  1. 加载 fs 模块对象
  2. 写入文件内容
  3. 读取文件内容

七、path 模块 - 路径处理

问题:Node.js 代码中,相对路径是根据终端所在路径来查找的,可能无法找到你想要的文件。


建议:在 Node.js 代码中,使用绝对路径
补充:__dirname 内置变量(获取当前模块目录-绝对路径)
windows: D:\备课代码\3-B站课程\03_Node.js与Webpack\03-code\03
mac: /Users/xxx/Desktop/备课代码/3-B站课程/03_Node.js与Webpack/03-code/03
注意:path.join() 会使用特定于平台的分隔符,作为定界符,将所有给定的路径片段连接在一起
语法:

  1. 加载 path 模块
  2. 使用 path.join 方法,拼接路径

八、URL 中的端口号

URL:统一资源定位符,简称网址,用于访问服务器里的资源
端口号:标记服务器里不同功能的服务程序
端口号范围:0-65535 之间的任意整数

注意:http 协议,默认访问 80 端口。

九、常见的服务程序

Web 服务程序:用于提供网上信息浏览功能
注意:0-1023 和一些特定端口号被占用,我们自己编写服务程序请避开使用

十、http 模块-创建 Web 服务

需求:创建 Web 服务并响应内容给浏览器
步骤:

  1. 加载 http 模块,创建 Web 服务对象
  2. 监听 request 请求事件,设置响应头和响应体
  3. 配置端口号并启动 Web 服务
  4. 浏览器请求 http://localhost:3000 测试
    (localhost:固定代表本机的域名)

十一、Node.js 模块化

11.1 什么是模块化?

定义:


概念:项目是由很多个模块文件组成的
好处:提高代码复用性,按需加载,独立作用域
使用:需要标准语法导出和导入进行使用

11.2 CommonJS 标准

需求:定义 utils.js 模块,封装基地址和求数组总和的函数 。
使用:

  1. 导出:module.exports = {}
  2. 导入:require('模块名或路径')
    模块名或路径:
    内置模块:直接写名字(例如:fs,path,http)
    自定义模块:写模块文件路径(例如:./utils.js)


11.3 ECMAScript 标准 - 默认导出和导入

需求:封装并导出基地址和求数组元素和的函数。
默认标准使用:

  1. 导出:export default {}
  2. 导入:import 变量名 from '模块名或路径'
    注意:Node.js 默认支持 CommonJS 标准语法
    如需使用 ECMAScript 标准语法,在运行模块所在文件夹新建 package.json 文件,并设置 { "type" : "module" }


11.4 ECMAScript 标准 - 命名导出和导入

需求:封装并导出基地址和求数组元素和的函数
命名标准使用:

  1. 导出:export 修饰定义语句
  2. 导入:import { 同名变量 } from '模块名或路径'
    如何选择:
    按需加载,使用命名导出和导入
    全部加载,使用默认导出和导入

十二、包的概念

包:将模块,代码,其他资料聚合成一个文件夹
包分类:
项目包:主要用于编写项目和业务逻辑
软件包:封装工具和方法进行使用
要求:根目录中,必须有 package.json 文件(记录包的清单信息)
注意:导入软件包时,引入的默认是 index.js 模块文件 / main 属性指定的模块文件
需求:封装数组求和函数的模块,判断用户名和密码长度函数的模块,形成成一个软件包。

12. 1 npm - 软件包管理器

定义:


使用:

  1. 初始化清单文件 :npm init -y(得到 package.json 文件,有则略过此命令)
  2. 下载软件包
    :npm i 软件包名称
  3. 使用软件包
    需求:使用 dayjs 软件包,来格式化日期时间 。
    图解:

12.2 npm - 安装所有依赖

问题:项目中不包含 node_modules,能否正常运行?
答案:不能,缺少依赖的本地软件包
原因:因为,自己用 npm 下载依赖比磁盘传递拷贝要快得多
解决:项目终端输入命令:npm i
下载 package.json 中记录的所有软件包

12.3 npm - 全局软件包 nodemon

软件包区别:
本地软件包:当前项目内使用,封装属性和方法,存在于 node_modules
全局软件包:本机所有项目使用,封装命令和工具,存在于系统设置的位置
nodemon 作用:替代 node 命令,检测代码更改,自动重启程序
使用:

  1. 安装:npm i nodemon -g(-g 代表安装到全局环境中)
  2. 运行:nodemon 待执行的目标 js 文件
    需求:启动准备好的项目,修改代码保存后,观察自动重启应用程序

十三、Node.js 总结

Node.js 模块化:
概念:每个文件当做一个模块,独立作用域,按需加载
使用:采用特定的标准语法导出和导入进行使用

CommonJS 标准:一般应用在 Node.js 项目环境中
ECMAScript 标准:一般应用在前端工程化项目中
Node.js 包:
概念:把模块文件,代码文件,其他资料聚合成一个文件夹
项目包:编写项目需求和业务逻辑的文件夹
软件包:封装工具和方法进行使用的文件夹(一般使用 npm 管理)
本地软件包:作用在当前项目,一般封装的属性/方法,供项目调用编写业务需求
全局软件包:作用在所有项目,一般封装的命令/工具,支撑项目运行

常用命令:

相关推荐
余生H15 分钟前
深入理解HTML页面加载解析和渲染过程(一)
前端·html·渲染
吴敬悦1 小时前
领导:按规范提交代码conventionalcommit
前端·程序员·前端工程化
ganlanA1 小时前
uniapp+vue 前端防多次点击表单,防误触多次请求方法。
前端·vue.js·uni-app
卓大胖_1 小时前
Next.js 新手容易犯的错误 _ 性能优化与安全实践(6)
前端·javascript·安全
m0_748246351 小时前
Spring Web MVC:功能端点(Functional Endpoints)
前端·spring·mvc
CodeClimb1 小时前
【华为OD-E卷 - 猜字谜100分(python、java、c++、js、c)】
java·javascript·c++·python·华为od
SomeB1oody1 小时前
【Rust自学】6.4. 简单的控制流-if let
开发语言·前端·rust
云只上1 小时前
前端项目 node_modules依赖报错解决记录
前端·npm·node.js
程序员_三木1 小时前
在 Vue3 项目中安装和配置 Three.js
前端·javascript·vue.js·webgl·three.js
lxw18449125141 小时前
vue 基础学习
前端·vue.js·学习