说到包我们必须了解到,什么是包?
“包”是多个模块的合集,一个模块的功能比较单一,所以一个"包"一般会包含多个模块
那我们要怎么去用它呢?
这篇文章的重点就来了!
为了更加方便的使用"包"下载“包”那么就有一个东西叫npm全称Node Package Manager(node包管理器)它是为了解决Node中第三方共享的问题
npm不需要独立安装。在安装nodejs的时候就已经连着安装了npm
npm官网及(npmjs.com)在这个上面你可以查到很多包例如(jQuery、bootStrap、echarts.js、vue……)可免费下载提供使用,可以自己上传“包”
下载&上传
一、下载
下载npm上的包,步骤很简单分为三步
第一步 :打开小黑窗 初始化项目, npm init --yes (如果之前已经进行初始化,那么这一步可以省略掉) 文件路径一定要对哦!!
初始化成功会多出来一个json文件package.json如果多出来了就是初始化成功了
第二步:安装包, npm i 包名 一定要是联网状态!!
安装成功会多出一个node_modules文件夹和package-lock.json文件,下载成功的“包”会存在node_modules里面。如果到这里那么就是代表下载成功了!
第三步:引入“包”,使用它
创建一个新的js文件在里面进行调用
!!具体调用方法要查看官方文档
二、上传
要想上传,首先得上npmjs官网创建一个账号。
第一步:创建一个文件夹,打开小黑窗 初始化 npm init --yes
路径不能错!
第二步:创建一个index.js 文件
第三步:在index.js 中写入你想要的封装的代码
第四步:查看自己的配置,要确保npm源是npmjs.org
npm config get registry //查看当前的npm的registry配置,确保是https://registry.npmjs.org
如果不是,可以通过如下命令来设置
npm config set registry https://registry.npmjs.org
第五步:链接npm
使用小黑窗输入命令 npm adduser 会依次弹出 几行代码
- 用户名
- 密码
- 邮箱 (npmjs官网上注册时的邮箱)
- 邮箱验证码
你可以通过 npm who am i 检查自己是否链接成功 会输出自己的用户名
第六步:把包上传到npmjs官网上
这样完整的上传步骤就完成了,如果后续需要进行修改"包",需要在package.json 修改版本号,版本号只能往上修改不能往下修改。