前端开发_Node.js

Node.js概念

Node.js是一个跨平台JavaScript运行环境,使开发者可以搭建服务器端的JavaScript应用程序

Node.js 是前端工程化的基础(前端工程化:开发项目直到上线,过程中集成的所有工具和技术)

浏览器能执行 JS 代码,依靠的是内核中的 V8 引擎(C++ 程序)

Node.js 是基于 Chrome V8 引擎进行封装(运行环境)

Node.js 环境没有 DOM 和 BOM 等

模块

模块:类似插件,封装了方法/属性

fs

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

语法:

  1. 加载fs模块对象

    javascript 复制代码
    const fs = require('fs')	// fs是模块标识符:模块的名字
  2. 写入文件内容

    javascript 复制代码
    fs.writeFile('文件路径','写入内容',err=>{
        //写入后的回调函数
    })
  3. 读取文件内容

    javascript 复制代码
    fs.readFile('文件路径',(err,data)=>{
        //读取后的回调函数
        //data是文件内容Buffer数据流
    })

path

path 模块 - 路径处理

Node.js 代码中,相对路径是根据终端所在路径来查找的

__dirname 内置变量(获取当前模块目录-绝对路径)

path.join() 会使用特定于平台的分隔符,作为定界符,将所有给定的路径片段连接在一起

语法:

  1. 加载 path 模块

    javascript 复制代码
    const path = require('path')
  2. 使用 path.join 方法,拼接路径

    javascript 复制代码
    path.join('路径1','路径2',...)

http

http 模块-创建 Web 服务

步骤:

  1. 加载 http 模块,创建 Web 服务对象

  2. 监听 request 请求事件,设置响应头和响应体

  3. 配置端口号并启动 Web 服务

示例:

javascript 复制代码
const http = require('http')
const server = http.createServer()

server.on('request',(req,res)=>{
    //设置响应头:内容类型,普通文本:编码格式为utf-8
    res.setHeader('Content-Type','text/plain;charset=utf-8')
    res.end('您好,欢迎使用 node.js 创建的Web服务')
})

server.listen(3000, ()=> {
    console.log('Web服务已启动')
})

Node.js模块化

概念:项目是由很多个模块文件组成的

好处:提高代码复用性,按需加载,独立作用域

使用:需要标准语法导出和导入进行使用

模块名或路径:

  • 内置模块:直接写名字(例如:fs,path,http)

  • 自定义模块:写模块文件路径(例如:./utils.js)

CommonJS 标准

使用:

  1. 导出:module.exports = {}
  2. 导入:require('模块名或路径')

示例:

javascript 复制代码
//封装求数组总和的函数
const baseURL = 'http://xxx.xxx.com'
const getArraySum = arr => arr.reduce(sum,val) => sum += val, 0)

module.exports = {
    对外属性名1: baseURL,
    对外属性名2: getArraySum
}

Node.js 默认支持 CommonJS 标准语法

ECMAScript 标准

默认标准使用:

  1. 导出:export default {}
  2. 导入:import 变量名 from '模块名或路径'

包:将模块,代码,其他资料聚合成一个文件夹

包分类:

  • 项目包:主要用于编写项目和业务逻辑

  • 软件包:封装工具和方法进行使用

要求:根目录中,必须有 package.json 文件(记录包的清单信息)

注意:导入软件包时,引入的默认是 index.js 模块文件 / main 属性指定的模块文件

npm

npm使用

npm是Node.js标准的软件包管理器

起初作为下载和管理Node.js包依赖的方式,现在也成为前端JavaScript中使用的工具

下载的包都存放在当前项目下的 node_modules 中,并记录在 package.json 中

使用:

  1. 初始化清单文件 :npm init -y(得到 package.json 文件,有则略过此命令)

  2. 下载软件包npm i 软件包名称

  3. 使用软件包 require

项目中必须包含node_modules

npm安装所有依赖:

项目终端输入命令:npm i ,下载 package.json 中记录的所有软件包

软件包

软件包区别:

  • 本地软件包:当前项目内使用,封装属性和方法,存在于 node_modules

  • 全局软件包 nodemon:本机所有项目使用,封装命令和工具,

nodemon 作用:替代 node 命令,检测代码更改,自动重启程序

常用命令

功能 命令
执行js文件 node xxx
初始化package.json npm init -y
下载本地软件包 npm i 软件包名称
下载全局软件包 npm i 软件包名称 -g
删除软件包 npm uni 软件包名称
相关推荐
陈言必行2 小时前
Unity 性能优化 之 编辑器创建资源优化( 工作流 | 场景 | 预制体)
unity·编辑器·游戏引擎
人工智能训练师5 小时前
Ubuntu22.04如何安装新版本的Node.js和npm
linux·运维·前端·人工智能·ubuntu·npm·node.js
Seveny075 小时前
pnpm相对于npm,yarn的优势
前端·npm·node.js
huangql52010 小时前
npm 发布流程——从创建组件到发布到 npm 仓库
前端·npm·node.js
CAE虚拟与现实10 小时前
VSCode中的下载VSIX是指什么?
ide·vscode·编辑器
荣达12 小时前
koa洋葱模型理解
前端·后端·node.js
CAE虚拟与现实13 小时前
VSCode官方汉化包
ide·vscode·编辑器·vscode汉化
CAE虚拟与现实13 小时前
VSCode创建Python项目和运行py文件
ide·vscode·编辑器
csdn_aspnet13 小时前
Windows Node.js 安装及环境配置详细教程
windows·node.js
风若飞21 小时前
npm ERR! code CERT_HAS_EXPIRED
前端·npm·node.js