还在用第三方包吗?不如自己动手写一个包上传给别人用!

523 阅读2分钟

说到包我们必须了解到,什么是包?

“包”是多个模块的合集,一个模块的功能比较单一,所以一个"包"一般会包含多个模块

那我们要怎么去用它呢?

这篇文章的重点就来了!
为了更加方便的使用"包"下载“包”那么就有一个东西叫npm全称Node Package Manager(node包管理器)它是为了解决Node中第三方共享的问题
npm不需要独立安装。在安装nodejs的时候就已经连着安装了npm npm官网及(npmjs.com)在这个上面你可以查到很多包例如(jQuery、bootStrap、echarts.js、vue……)可免费下载提供使用,可以自己上传“包”

下载&上传

一、下载
下载npm上的包,步骤很简单分为三步

第一步 :打开小黑窗 初始化项目, npm init --yes (如果之前已经进行初始化,那么这一步可以省略掉) 文件路径一定要对哦!!

npm1.png 初始化成功会多出来一个json文件package.json如果多出来了就是初始化成功了

第二步:安装包, npm i 包名 一定要是联网状态!!

npm2.png 安装成功会多出一个node_modules文件夹和package-lock.json文件,下载成功的“包”会存在node_modules里面。如果到这里那么就是代表下载成功了!

第三步:引入“包”,使用它

创建一个新的js文件在里面进行调用

npm3.png !!具体调用方法要查看官方文档
二、上传
要想上传,首先得上npmjs官网创建一个账号。

第一步:创建一个文件夹,打开小黑窗 初始化 npm init --yes

npms1.png 路径不能错!

第二步:创建一个index.js 文件

npms2.png

第三步:在index.js 中写入你想要的封装的代码

npms5.png

第四步:查看自己的配置,要确保npm源是npmjs.org

npm config get registry  //查看当前的npm的registry配置,确保是https://registry.npmjs.org
如果不是,可以通过如下命令来设置
npm config set registry https://registry.npmjs.org 

第五步:链接npm

使用小黑窗输入命令 npm adduser 会依次弹出 几行代码

  1. 用户名
  2. 密码
  3. 邮箱 (npmjs官网上注册时的邮箱)
  4. 邮箱验证码

no.png 你可以通过 npm who am i 检查自己是否链接成功 会输出自己的用户名

第六步:把包上传到npmjs官网上

no1.png 这样完整的上传步骤就完成了,如果后续需要进行修改"包",需要在package.json 修改版本号,版本号只能往上修改不能往下修改。