当前位置：首页 > article >正文

Node.js学习记录（一）

article 2024/9/19 9:28:41

一、文件读取 readFile

二、写入文件 writeFile

三、动态路径 __dirname：表示当前文件所处的目录、path.join

四、获取路径文件名 path.basename

五、提取某文件中的css、JS、html

六、http

七、启动创建web服务器

服务器响应

八、将资源请求的 url 地址映射为文件的存放路径

九、模块

模块加载

模块作用域

模块加载机制

十、包

1、下载安装包

2、导入三方包并使用

3、包的管理

4、一次性安装所有包

5、卸载包

6、开发节点 devDependencies

7、解决下载包慢问题

8、包的分类

9、包的规范

10、开发自己的包

模块化拆分

使用说明文档 README.md

11、发布包

①、注册账号

②、登录npm账号

③、发布

④、删除已发布的包

记录一下从B站学习node过程~

练习文件目录结构：myproject/node.js、1.txt、testnode空文件夹

1.txt文件内容：Hello node.js node.js内容如下

一、文件读取 readFile

//node.js
//读取文件内容 fs.readFile()
const fs = require('fs')//导入fs模块
/*
  参数一：文件路径
  参数二：编码格式（可选参数）
  参数三：回调函数（失败、成功）如读取成功err返回null,读取失败err返回错误信息,data返回undefined
*/
fs.readFile('./1.txt', 'utf-8', (err, data) => {
  console.log('err',err)
  console.log('data',data)
})

文件读取成功和失败运行结果

二、写入文件 writeFile

//node.js
const fs = require('fs')//导入fs模块，调用fs.writeFile()写入文件
/*
  参数一：文件路径
  参数二：写入内容
  参数三：回调函数（失败、成功）如读取成功err返回null,读取失败err返回错误信息,data返回undefined
*/
fs.writeFile('./2.txt', 'HELLO NODE.JS', (err) => {
  console.log('写入文件 err',err)
})

运行成功和失败的结果，在myproject目录下创建了2.txt,并写入内容HELLO NODE.JS，如果在电脑不存在的a盘下创建则会失败并返回错误信息

三、动态路径 __dirname：表示当前文件所处的目录、path.join

防止路径拼写或过长不利维护等问题，用node提供的__dirname 动态拼写路径

const fs = require('fs')
const path = require('path')//导入path模块，调用path.join()拼接路径

//拼接：__dirname+'/1.txt'  或者使用模板字符串：`${__dirname}/1.txt`
//一般不推荐这样写，可以用node提供的path.join
//fs.readFile(`${__dirname}/1.txt`, 'utf-8', (err, data) => {

//推荐用这种方式
fs.readFile(path.join(__dirname,'/1.txt'), 'utf-8', (err, data) => {
  console.log('目录：', __dirname)
})

四、获取路径文件名 path.basename

const fs = require('fs')//导入fs模块，调用fs.readFile()读取文件
const path = require('path')//导入path模块，调用path.join()拼接路径

const forexample = 'E:/Desktop/前端/myproject/1.html'
console.log('获取文件名称：',path.basename(forexample))
console.log('获取不带后缀的文件名称：',path.basename(forexample,'.html'))

运行结果得到文件名称

五、提取某文件中的css、JS、html

新建一个与node.js同级的newHtml.html文件

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,user-scalable=no,minimum-scale=1,maximum-scale=1,viewport-fit=cover">
<title></title>
<link href="https://res.5i5j.com/wap/tools/common.js.css?t=1716465786" rel="stylesheet" type="text/css">
<link href="https://res.5i5j.com/wap/tools/jisuan.css?t=1716465786" rel="stylesheet" type="text/css">
<style>
*{font-size:16px;}
.test{height:100px;margin-bottom:10px;}
.test div{width:300px;height:60px;line-height: 60px;background: pink;}
</style>
</head>

<body class="test">
<div>这是一个新的 html</div>
<script>
function test(){
    console.log('hello newHtml')
}
</script>
</body>
</html>

const fs = require('fs')//导入fs模块，调用fs.readFile()读取文件
const path = require('path')//导入path模块，调用path.join()拼接路径

/*
\s 匹配任何空白字符，包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]
\S 匹配任何非空白字符。等价于 [^ \f\n\r\t\v]
*/
/*正则定义匹配页面中的style和script标签*/
const regStyle = /<style>[\s\S]*<\/style>/
const regScript = /<script>[\s\S]*<\/script>/

fs.readFile(path.join(__dirname,'/input.html'),'utf-8',(err,data)=>{
  if(err) return console.log('读取html文件失败',err.message)
  // console.log('读取html文件成功',data)
  resolveCSS(data)

})
//获取CSS内容
function resolveCSS(htmlStr){
  const r1 = regStyle.exec(htmlStr)
  const newSty = r1[0].replace('<style>','').replace('</style>','')
  console.log('newSty==',newSty)
}
//获取JS内容
function resolveJS(htmlStr){
  const r1 = regScript .exec(htmlStr)
  const newJS = r1[0].replace('<script>','').replace('</script>','')
  console.log('newJS==',newJS)
}
//获取html
function resolveHtml(htmlStr){
   //直接获取html
  // const newHtml = htmlStr.replace(regStyle,'').replace(regScript,'')
  //获取html,把新创建的css和js引入
  const newHtml = htmlStr.replace(regStyle,'<link rel="stylesheet" href="./output.css">').replace(regScript,'<script src="./output.js"></script>')
  console.log('newHtml==',newHtml)
  fs.writeFile(path.join(__dirname,'/testnode/output.html'),newHtml,(err)=>{
    if(err) return console.log('写入html文件失败',err.message)
  })
}

运行得到（注：先自己新建目录testnode空的文件夹）把得到的内容写入到新的文件中，如下

（r1 是一个数组）