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 管理)
本地软件包:作用在当前项目,一般封装的属性/方法,供项目调用编写业务需求
全局软件包:作用在所有项目,一般封装的命令/工具,支撑项目运行

常用命令:

相关推荐
旧林8433 分钟前
第八章 利用CSS制作导航菜单
前端·css
Roc.Chang12 分钟前
macos 使用 nvm 管理 node 并自定义安装目录
macos·node.js·nvm
yngsqq15 分钟前
c#使用高版本8.0步骤
java·前端·c#
Myli_ing1 小时前
考研倒计时-配色+1
前端·javascript·考研
余道各努力,千里自同风1 小时前
前端 vue 如何区分开发环境
前端·javascript·vue.js
PandaCave1 小时前
vue工程运行、构建、引用环境参数学习记录
javascript·vue.js·学习
软件小伟1 小时前
Vue3+element-plus 实现中英文切换(Vue-i18n组件的使用)
前端·javascript·vue.js
醉の虾1 小时前
Vue3 使用v-for 渲染列表数据后更新
前端·javascript·vue.js
张小小大智慧2 小时前
TypeScript 的发展与基本语法
前端·javascript·typescript
hummhumm2 小时前
第 22 章 - Go语言 测试与基准测试
java·大数据·开发语言·前端·python·golang·log4j