npm初始化包、搜索包、下载包

一、npm初始化包 (npm init)

(1)初始化包步骤

创建一个空文件夹 ------> 以此文件夹作为工作目录去启动命令行工具,执行npm init

注意:使用英文命名更符合代码规范。以下我采用中文更易理解,但不建议这样,易出错

(2)控制台问题回答流程:

1》包的名字叫什么? package name: (3.npm初始化包是我的默认值)

答:它有默认值,我们可答可不答。这里我命名为test + 回车

2》版本号?version: (1.0.0)

答:1.0.0 + 回车

3》对这个包做一个描述 ?description:

答:练习。(随便取)

4》入口点是什么? entry point: (3.npm初始化包.js是我的默认值)

答:可选默认值,直接敲回车

5》测试命令? test command:

答:无我们可直接回车

6》git仓库的地址? git repository:

答:无我们可直接回车

7》关键字? keywords:

答:无我们可直接回车

8》作者名字? author:

答:无我们可直接回车

9》设置开源许可说明 ISC许可证?

答:无我们可直接回车

10》以上创建是否ok? Is this OK? (默认yes)

ok我们就直接敲回车

以上10点结束后创建完成。该文件夹里就出现一个package.json文件

(3)注意事项:

(3-1)npm init命令的作用是将文件夹初始化为一个包,交互式创建package.json文件

(3-2)package.json是包的配置文件,每个包都必须要有package.json

(3-3)

1》package name(包名)不能使用中文和大写。包名的默认值就是文件夹的名称。所以若使用默认名称时我的文件夹名也不能使用中文和大写

2》version(版本号)要求x.x.x的形式定义,而且x必须是数字且它的默认值是1.0.0

3》ISC证书与MT证书功能上是相同的,如何为代码选择开源许可证呢?

世界上最流行的六种开源许可证----GPL、BSD、MIT、Mozilla、Apache和LGPL----之中如何做选择?见如图所示:

4》**package.json可手动创建与修改。**在我的package.json文件夹里可以直接对数据进行修改保存

5》使用npm init -y 或 npm init --yes极速创建package.json。全部的问题回答都是按默认值来创建的。注意如果这样那么文件夹名字不能设置成中文和大写

二、npm搜索包

搜索包的方式:

以math为例:

(2)网站搜索 https://www.npmjs.com (推荐使用)

在search搜索栏搜索想要的包即可

三、npm下载包

(1)下载包命令:(注意要在已初始化完的包里面下载)

1》npm install 包名

2》npm i 包名

(2)运行之后文件夹下会增加两个新资源:

1》node_modules 文件夹 (存放下载的包)

2》package---lock.json 包的锁文件 (用来锁定包的版本)

(3)依赖包概念:若我们创建了一个包名为A,A中安装了包名B。那么A依赖B,或者B是A的一个依赖包

(4)代码示例:

下载一个uniq的包,它的作用是比我们去除数组中重复的内容。

javascript 复制代码
// 使用uniq包
// 1.导入uniq包
const uniq=require('uniq');
// 2.使用函数
let arr=[1,2,2,5,6,6,6];
const result=uniq(arr);
console.log(result); //[ 1, 2, 5, 6 ]
相关推荐
10年前端老司机44 分钟前
React无限级菜单:一个项目带你突破技术瓶颈
前端·javascript·react.js
阿芯爱编程5 小时前
2025前端面试题
前端·面试
前端小趴菜056 小时前
React - createPortal
前端·vue.js·react.js
晓13136 小时前
JavaScript加强篇——第四章 日期对象与DOM节点(基础)
开发语言·前端·javascript
菜包eo7 小时前
如何设置直播间的观看门槛,让直播间安全有效地运行?
前端·安全·音视频
烛阴7 小时前
JavaScript函数参数完全指南:从基础到高级技巧,一网打尽!
前端·javascript
chao_7898 小时前
frame 与新窗口切换操作【selenium 】
前端·javascript·css·selenium·测试工具·自动化·html
天蓝色的鱼鱼8 小时前
从零实现浏览器摄像头控制与视频录制:基于原生 JavaScript 的完整指南
前端·javascript
三原9 小时前
7000块帮朋友做了2个小程序加一个后台管理系统,值不值?
前端·vue.js·微信小程序
popoxf9 小时前
在新版本的微信开发者工具中使用npm包
前端·npm·node.js