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 ]
相关推荐
dlnu2015250622几秒前
ssr实现方案
前端·javascript·ssr
古木20195 分钟前
前端面试宝典
前端·面试·职场和发展
轻口味2 小时前
命名空间与模块化概述
开发语言·前端·javascript
前端小小王2 小时前
React Hooks
前端·javascript·react.js
迷途小码农零零发2 小时前
react中使用ResizeObserver来观察元素的size变化
前端·javascript·react.js
娃哈哈哈哈呀3 小时前
vue中的css深度选择器v-deep 配合!important
前端·css·vue.js
旭东怪3 小时前
EasyPoi 使用$fe:模板语法生成Word动态行
java·前端·word
ekskef_sef5 小时前
32岁前端干了8年,是继续做前端开发,还是转其它工作
前端
sunshine6415 小时前
【CSS】实现tag选中对钩样式
前端·css·css3