创建npm包以及上传到npm网站的包

346 阅读2分钟

上传包步骤:

  1. 首先创建一个不带中文的文件夹(可以先到npm官网去查看是否重名,或者在命令行输入npm view 如果报错,则证明没有和这个文件夹重名的包)

  2. 初始化这个文件夹 输入 npm init -y

  3. 新建一个index.js(这个js文件名,必须和package.json中的main中的名字一致),并写入代码

  4. 输入 npm get regisrty 查看镜像源是不是npm官网的源, 如果不是 输入 nrm ls 查看镜像源 , 输入 nrm use npm 切换镜像源

  5. 输入 npm adduser 连接npm 官网 ,输入自己在npm官网的用户名和密码及自己的邮箱

  6. 输入 npm who am i 查看是否连接到自己的npm账号

  7. 输入 npm publish 上传自己的包 ,如果退出则输入 npm logout

  8. 到npm 官网查看自己上传的包,如果想要强制删除这个包则输入 npm unpublish --force

    上传成功如下:

image.png

下载自己上传的包步骤

第一步:初始化项目

这里提到的项目并不是某个具体的功能,只是要创建一个空文件夹即可(注意,不要起中文名字哈)。 进入到项目所在的根目录下,启动小黑窗(建议:按下shift键,点击右键,在弹出的菜单中选择 “在此处打开命令行”

第二步:安装包

npm 这个超市中有现成的写好的代码,我们想下载来用,这个过程就是安装包,或者叫下包、装包 安装命令: npm i 包名 根据我们遇到的实际问题,我们来引入相应的包来解决它们。例如,我们在开发一个项目,其中涉及一些对日期时间的处理可以安装dayjs包。

第三步:使用包

当我们已经下载好一个包之后,就可以像使用核心模块一样去使用它。 格式是:const 常量名 = require('包名') 这个格式与引入核心模块的格式是一样的

image.png

进行测试

image.png