Node.js入门——fs、path模块、URL端口号、模块化导入导出、包、npm软件包管理器

Node.js入门

1.介绍

  • 定义:跨平台的JS运行环境,使开发者可以搭建服务器端的JS应用程序
  • 作用:使用Node.Js编写服务器端代码
  • Node.js是基于Chrome V8引擎进行封装,Node中没有BOM和DOM

2.fs模块-读写文件

  • 定义:封装了与本机文件系统进行交互的方法/属性
  • 语法
js 复制代码
// 基于fs模块读写文件内容
// 1.加载模块对象
const fs = require('fs')
//2.写入文件内容
fs.writeFile('./text.txt', 'Hello,Node.js', (err) => {
  if (err) console.log(err)
  else console.log('写入成功')
})
//3.读取文件内容
fs.readFile('./text.txt', (err, data) => {
  if (err) console.log(err)
  // data是buffer 16进制数据流对象
  // .toString()转换成字符串
  else console.log(data.toString())
})

3.path模块-路径处理

  • 问题:Node.js代码中,相对路径是根据终端所在路径来查找的,可能无法找到想要的文件
  • 建议使用绝对路径
  • 补充:__dirname内置变量获取当前文件模块目录绝对路径
  • 注意:path.join()会使用特定于平台的分隔符,作为定界符,将所有路径片段连接在一起
  • 语法:
js 复制代码
const fs = require('fs')
// 1.引入Path模块对象
const path = require('path')
// 2.调用path.join()配合__diename组成目标文件的绝对路径
fs.readFile(path.join(__dirname, '../text.txt'), (err, data) => {
  if (err) console.log(err)
  else console.log(data.toString())
})

4.URL端口号

  • 端口号:一台服务器里不同功能的服务程序,http默认80端口号

  • 常见服务程序:web服务程序(网上信息浏览的程序代码)

  • http模块------常见web服务

    eg:创建web服务器并响应内容给浏览器

    js 复制代码
    /**
     * 目标:基于 http 模块创建 Web 服务程序
     *  1.1 加载 http 模块,创建 Web 服务对象
     *  1.2 监听 request 请求事件,设置响应头和响应体
     *  1.3 配置端口号并启动 Web 服务
     *  1.4 浏览器请求(http://localhost:3000)测试
     */
    // 1.1 加载 http 模块,创建 Web 服务对象
    const http = require('http')
    const server = http.createServer()
    // 1.2 监听 request 请求事件,设置响应头和响应体
    server.on('request', (req, res) => {
      // 设置响应头-内容类型-普通文本以及中文编码格式
      res.setHeader('Content-Type', 'text/plain;charset=utf-8')
      // 设置响应体内容,结束本次请求与响应
      res.end('欢迎使用 Node.js 和 http 模块创建的 Web 服务')
    })
    // 1.3 配置端口号并启动 Web 服务
    server.listen(3000, () => {
      console.log('Web 服务启动成功了')
    })

    eg:基于 Web 服务,开发提供网页资源的功能

    js 复制代码
    /**
     * 目标:基于 Web 服务,开发提供网页资源的功能
     * 步骤:
     *  1. 基于 http 模块,创建 Web 服务
     *  2. 使用 req.url 获取请求资源路径,并读取 index.html 里字符串内容返回给请求方
     *  3. 其他路径,暂时返回不存在提示
     *  4. 运行 Web 服务,用浏览器发起请求
    */
    
    const fs = require('fs')
    const path = require('path')
    // 1. 基于 http 模块,创建 Web 服务
    const http = require('http')
    const server = http.createServer()
    server.on('request', (req, res) => {
      // 2. 使用 req.url 获取请求资源路径,并读取 index.html 里字符串内容返回给请求方
      if (req.url === '/index.html') {
        fs.readFile(path.join(__dirname, 'dist/index.html'), (err, data) => {
          res.setHeader('Content-Type', 'text/html;charset=utf-8')
          res.end(data.toString())
        })
      } else {
        // 3. 其他路径,暂时返回不存在提示
        res.setHeader('Content-Type', 'text/html;charset=utf-8')
        res.end('你要访问的资源路径不存在')
      }
    })
    server.listen(8080, () => {
      console.log('Web 服务启动成功了')
    })

5.模块化

  • 定义:每个文件都是独立的模块

  • CommonJS导入导出语法

    • 导出:module.exports={}
    js 复制代码
    /**
     * 目标:基于 CommonJS 标准语法,封装属性和方法并导出
     */
    const baseURL = 'http://hmajax.itheima.net'
    const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)
    // 导出
    module.exports = {
      url: baseURL,
      arraySum: getArraySum
    }
    • 导入:require('模块名或路径')
    js 复制代码
    // 导入
    const obj = require('./utils.js')
    console.log(obj)
    const result = obj.arraySum([5, 1, 2, 3])
    console.log(result)
    • 模块名或路径名
      • 内置模块:直接写名字,例如:fs,path,http
      • 自定义模块:写模块文件路径,例如:./utils.js
  • ECMAScript标准默认导出导入语法

    • 导出:export dafault{}
    js 复制代码
    /**
     * 目标:基于 ECMAScript 标准语法,封装属性和方法并"默认"导出
     */
    const baseURL = 'http://hmajax.itheima.net'
    const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)
    
    // 默认导出
    export default {
      url: baseURL,
      arraySum: getArraySum
    }
    • 导入:import 变量名 from '模块名或路径名'
    js 复制代码
    /**
     * 目标:基于 ECMAScript 标准语法,"默认"导入,工具属性和方法使用
     */
    // 默认导入
    import obj from './utils.js'
    console.log(obj)
    const result = obj.arraySum([10, 20, 30])
    console.log(result)
  • 注意Node.js默认支持CommonJs标准语法,如果需要使用ECMAScript标准,在运行模块所在文件夹新建package.json文件,并设置{"type":"module"}

    js 复制代码
    {
      "type": "module"
    }
  • ECMAScript标准命名导出导入语法

    • 导出:export 修饰定义语句
    js 复制代码
    export const baseURL = 'http://hmajax.itheima.net'
    export const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)
    • 导入:import {同名变量} from '模块名或路径'
    js 复制代码
    import {baseURL, getArraySum} from './utils.js'
    console.log(obj)
    console.log(baseURL)
    console.log(getArraySum)
    const result = getArraySum([10, 21, 33])
    console.log(result)
    • 与默认导出导入的区别:可以按需导入

6.包

  • 定义:将模块,代码,其他资料聚合成一个文件夹
  • 分类
    • 项目包:用于编写项目和业务逻辑
    • 软件包:封装工具和党法进行使用
  • 要求:根目录中,必须有package.json文件:记录包的清单信息

7.npm软件包管理器

  • 定义:是Node.js标准的软件包管理器
  • 作用:下载软件包以及管理版本
  • 使用:
    • 初始化清单文件:npm init -y(得到package.json文件)
    • 下载软件包:npm i 软件包名称(得到node-modules文件夹)
    • 使用软件包
  • npm-安装所有依赖
    • 当导入别人的项目只有package.json,没有node-modules(因为自己下载以来比磁盘传递拷贝要快的多)
    • 解决:npm i
  • npm-全局软件包 nodemon
    • 本地软件包:当前项目内使用,封装属性和方法,存在于node_modules
    • 全局软件包:本机所有项目使用,封装命令和工具,存在于系统设置的位置
    • nodemon作用:替代node命令,检测代码更改,自动重启程序
    • 使用:2
      • 安装:npm i nodemon -g(-g代表安装到全局环境)
      • 运行:nodemon 待执行的目标js文件
相关推荐
爱吃青椒不爱吃西红柿‍️6 分钟前
华为ASP与CSP是什么?
服务器·前端·数据库
一棵开花的树,枝芽无限靠近你9 分钟前
【PPTist】添加PPT模版
前端·学习·编辑器·html
陈王卜12 分钟前
django+boostrap实现发布博客权限控制
java·前端·django
景天科技苑20 分钟前
【vue3+vite】新一代vue脚手架工具vite,助力前端开发更快捷更高效
前端·javascript·vue.js·vite·vue项目·脚手架工具
SameX22 分钟前
HarmonyOS Next 安全生态构建与展望
前端·harmonyos
小行星12531 分钟前
前端预览pdf文件流
前端·javascript·vue.js
小行星12538 分钟前
前端把dom页面转为pdf文件下载和弹窗预览
前端·javascript·vue.js·pdf
Lysun0011 小时前
[less] Operation on an invalid type
前端·vue·less·sass·scss
J总裁的小芒果1 小时前
Vue3 el-table 默认选中 传入的数组
前端·javascript·elementui·typescript
Lei_zhen961 小时前
记录一次electron-builder报错ENOENT: no such file or directory, rename xxxx的问题
前端·javascript·electron