npm与包

本文介绍了Node.js中的包管理,包括npm的使用、package.json的创建与配置、依赖管理以及包的卸载。详细讲解了如何安装指定版本的包、解决下载速度问题以及包的分类。此外,还分享了开发和发布自定义包的流程,包含关键函数如时间格式化、HTML字符转义与还原。


一、npm与包

Node.js 中的第三方模块又叫做包。
在这里插入图片描述

1 包的下载

在这里插入图片描述

2 在项目中安装包的命令 npm i

在这里插入图片描述

3 包中的文件

在这里插入图片描述

3.1 包管理配置文件

 在项目根目录中,创建一个叫做 package.json 的配置文件,即可用来记录项目中安装了哪些包。

在这里插入图片描述

3.2 快速创建 package.json (npm i y & npm i)

在这里插入图片描述

3.3 dependencies 节点 (package.json中记录安装的包)

3.4 devDependencies 节点(在项目开发阶段会用到的包)npm i 包名 -D

在这里插入图片描述

5 安装指定版本的包 npm i xxx@xxxx

6 包的语义化版本规范 xx.xx.xx

在这里插入图片描述
在这里插入图片描述

7 卸载包 npm uninstall

在这里插入图片描述

8 解决下载慢的问题

1 切换 npm 的下包镜像源

在这里插入图片描述

2 切换下包的镜像源 nrm工具

在这里插入图片描述

9 包的分类

1 项目包 node_modules 目录中的包

在这里插入图片描述

2. 全局包 npm i 提供了 -g 参数

在这里插入图片描述

3. i5ting_toc (md 文档转为 html 页面)

在这里插入图片描述

3.6 规范的包结构

在这里插入图片描述

10 开发属于自己的包

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

//格式化时间方法
function dateFormat(dateStr) {
    const dt = new Date(dateStr);
    /* 年月日 */
    const y = dt.getFullYear();
    const m = padZero(dt.getMonth() + 1);
    const d = padZero(dt.getDate());
    /* 时分秒 */
    const hh = padZero(dt.getHours());
    const mm = padZero(dt.getMinutes());
    const ss = padZero(dt.getSeconds());
    return `${y}-${m}-${d} ${hh}:${mm}${ss}`
}
//补0 方法
function padZero(n) {
    return n > 9 ? n : '0' + n
}
//匹配Html字符
function htmlEscape(htmlStr) {
    return htmlStr.replace(/<|>|"|&/g, (match) => {
        switch (match) {
            case '<':
                return "&lt;";
            case '>':
                return "&gt;";
            case '"':
                return "&quot;";
            case '&':
                return "&amp;";

        }
    })
}

//还原Html字符
function htmlUnEscape(Str) {
    return htmlStr.replace(/&lt;|&gt;|&quot;|&amp;/g, (match) => {
        switch (match) {

            case '&lt;':
                return "<";
            case '&gt;':
                return ">";
            case '&quot;':
                return '"';
            case '&amp;':
                return "&";


        }
    })
}
module.exports = {
    dateFormat,
    htmlEscape,
    htmlUnEscape
}

在这里插入图片描述

10.1 发布包

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值