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 ]
相关推荐
@小红花24 分钟前
从0到1学习Vue框架Day03
前端·javascript·vue.js·学习·ecmascript
前端与小赵27 分钟前
vue3中 ref() 和 reactive() 的区别
前端·javascript·vue.js
魔云连洲41 分钟前
Vue的响应式底层原理:Proxy vs defineProperty
前端·javascript·vue.js
专注VB编程开发20年1 小时前
CSS定义网格的列模板grid-template-columns什么意思,为什么要用这么复杂的单词
前端·css
IT_陈寒1 小时前
Redis性能提升50%的7个关键优化策略,90%开发者都不知道第5点!
前端·人工智能·后端
Hilaku1 小时前
深入URL和URLSearchParams:别再用正则表达式去折磨URL了
前端·javascript·代码规范
pubuzhixing1 小时前
Canvas 的性能卓越,用它解决一个棘手问题
前端
weixin_456904271 小时前
Vue.jsmain.js/request.js/user.js/store/index.js Vuex状态管理项目核心模块深度解析
前端·javascript·vue.js
伍哥的传说1 小时前
Vue 3.6 Alien Signals:让响应式性能飞跃式提升
前端·javascript·vue.js·vue性能优化·alien-signals·细粒度更新·vue 3.6新特性
永日456701 小时前
学习日记-HTML-day51-9.9
前端·学习·html