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 ]
相关推荐
Myli_ing16 分钟前
HTML的自动定义倒计时,这个配色存一下
前端·javascript·html
dr李四维34 分钟前
iOS构建版本以及Hbuilder打iOS的ipa包全流程
前端·笔记·ios·产品运营·产品经理·xcode
雯0609~1 小时前
网页F12:缓存的使用(设值、取值、删除)
前端·缓存
℘团子এ1 小时前
vue3中如何上传文件到腾讯云的桶(cosbrowser)
前端·javascript·腾讯云
学习前端的小z1 小时前
【前端】深入理解 JavaScript 逻辑运算符的优先级与短路求值机制
开发语言·前端·javascript
彭世瑜1 小时前
ts: TypeScript跳过检查/忽略类型检查
前端·javascript·typescript
FØund4041 小时前
antd form.setFieldsValue问题总结
前端·react.js·typescript·html
Backstroke fish1 小时前
Token刷新机制
前端·javascript·vue.js·typescript·vue
小五Five2 小时前
TypeScript项目中Axios的封装
开发语言·前端·javascript
小曲程序2 小时前
vue3 封装request请求
java·前端·typescript·vue