nodejs、npm包管理＜前端学习笔记＞

最新推荐文章于 2024-08-10 18:32:55 发布

DZW5323

最新推荐文章于 2024-08-10 18:32:55 发布

阅读量116

点赞数

分类专栏：前端文章标签：前端 npm 学习

本文链接：https://blog.csdn.net/DZW5323/article/details/125648748

版权

前端专栏收录该内容

23 篇文章 0 订阅

订阅专栏

浏览器中的javascript运行

v8引擎负责解析和执行JS代码
内置API是由运行环境提供的特殊接口，只能在所属的运行环境中被调用（XMLHttpRequest等）

Node.js可以做什么

基于Express框架（http://www.expressjs.com.cn）可以快速构建Web应用
基于Electron框架（http://electrongjs.org），可以构建跨平台的桌面应用
基于restify框架（http://restify.com），可以快速构建API接口项目
读写和操作数据库、创建实用的命令行工具辅助前端开发、etc…

fs模块

const fs = require('fs');
const path = require('path');
const { promisify } = require('util');

const pathToFile = path.resolve(__dirname, 'text.txt');

//Error first 异步回调
/* fs.readFile(pathToFile,'utf-8',(err,result)=>{
    if(err){
        console.log("Error::",err)
        return err;
    }
    console.log("result::",result)
}) */

//同步读取
/* const content = fs.readFileSync(pathToFile,"utf-8");
console.log("SyncContent::",content) */

//将异步回调封装为promise
function promisfy(func){
    return function (){
        return new Promise((resolve,reject) =>{
            [].push.call(arguments,function(err,result){
                if(err) return reject(err);
                return resolve(result);
            });
            //由于参数是个类数组
            return func.apply(func,arguments);
        })
    }
}

const readFileAsync = promisfy(fs.readFile);
console.log( readFileAsync(pathToFile,"utf-8").__proto__);

// readFileAsync(pathToFile,"utf-8")
//     .then(content =>{
//         console.log(content)
//     })
//     .catch(err => {
//         console.log("err::",err)
//     })
// ==========================================================
// ==========================================================
// ==========================================================
//读取文件
//异步
// console.log("1");
// fs.readFile("./docs/blog.txt",(err,data)=>{
//     if(err){
//         console.log(err);
//         return;
//     }
//     console.log(data.toString())
// });
// console.log("3");

//写入文件 不覆盖追加
fs.appendFile("./docs/blog.txt","董志伟yes",()=>{
    console.log("success");
});


//文件夹创建和删除
// if(!fs.existsSync("./assets")){
//     fs.mkdir("./assets",err=>{

//         if (err){
//             console.log(err);
//             return;
//         }
//         console.log("文件夹创建成功");
//     });
// }else{
//     fs.rmdir("./assets",err=>{
//         if (err){
//             console.log(err);
//             return;
//         }
//         console.log("文件夹删除成功")
//     });
// }



//文件删除
// if (fs.existsSync("./docs/blog2.txt")){
//     fs.unlink("./docs/blog2.txt",err=>{
//         if(err){
//             console.log(err);
//             return;
//         }
//         console.log("文件删除成功");
//     });
// }

path模块

const path = require('path');
//绝对路径
const resolvePath = path.resolve("a","b","c");

//拼接路径
const joinPath = path.join("a","b","c");
console.log("resolvepath::",resolvePath)
console.log("joinPath::",joinPath)

console.log("filename::",__filename)
console.log("拓展名extname::",path.extname(__filename))
console.log("文件全名basename::",path.basename(__filename))
console.log("文件夹名dirname（路径）",path.dirname(__filename))

http模块

const http = require('http');

const proxy = http.createServer((req, res)=>{
    res.writeHead(200, {"dzw":"hello"})
    res.setHeader('Content-Type','text/html;charset=utf-8')
    res.end("hello world");
})

proxy.listen(8888,()=>{
    console.log(`服务器运行中...`)
})

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

// 获取客户端请求的url地址
const url = req.url
// 把请求的 url 地址，映射为本地文件的存放路径
const fpath = path.join(__dirname,url)

请求路径优化

const fpath = path.join(__dirname,"./clock",url)

时间格式化包

// 导入moment包  
const dt = moment().format('YYYY-MM-DD HH:mm:ss')

nrm 切换镜像源

# 通过npm包管理器，将rm安装为全局可用工具
npm i nrm -g

# 查看所有可用镜像源
nrm ls

# 将下包的镜像源切换为taobao镜像
nrm use taobao

包的分类

项目包
- 开发依赖包（记录到devDependencies节点中的包，只在开发期间会用到）
- 核心依赖包（记录到dependencies节点中的包，在开发环境和生产环境用到）
全局包

i5ting_toc

i5ting_toc是一个可以把md文档转为html页面的小工具：

#  将i5ting_toc 安装为全局包
npm i -g i5ting_toc

# 调用,  实现md转html
i5ting_toc -f 需要转换的md文件路径 -o

规范的包结构

一个规范的包，它的组成结构，必须符合以下3点要求：

包必须以单独的目录存在
包的顶级目录下要必须包含 package.json这个包管理配置文件
package.json中必须包含 name，version，main 这三个属性，分别代表包的名字、版本号、包的入口

初始化package.json 文件

// 初始化package.json 文件
{
    "name":'包名字全球唯一',
    "version":"发布的版本",
    "main":"入口文件",
    "description":"搜索时的一些描述",
    "keywords":["一些","关键字"],
    "license":"开源协议"
}