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 ]
相关推荐
顺丰同城前端技术团队几秒前
新一代打包工具rolldown
前端
顺丰同城前端技术团队1 分钟前
ahooks 源码解析之 useRequest
前端
掘金归海一刀15 分钟前
thinkphp6+elementui实现多图片压缩包下载
前端·vue.js·thinkphp
苏州第一深情18 分钟前
【vue+leaflet】常用的系统方法属性及常见问题(四)
前端·javascript·vue.js
丁总学Java20 分钟前
为什么 npm list -g 没显示 node_modules?✨
arcgis·npm·list
Aska_Lv26 分钟前
mysql---什么是OnlineDDL
前端·架构
酒茶白开水38 分钟前
React七案例中
前端·react.js
WEIII42 分钟前
全网都找不到!小程序集成第三方 WASM npm 包
前端·微信小程序·webassembly
Mintopia1 小时前
Node.js 中 crypto 模块的实用指南与应用示例
前端·javascript·node.js
北京_宏哥1 小时前
🔥Jmeter(六) - 从入门到精通 - 建立数据库测试计划(详解教程)
前端·jmeter·性能优化