发布自己的npm包--记录

用过npm的人都知道 npm install 包名   安装一个包到自己项目

今天要说的就是这个包的来源。

https://www.npmjs.com/ 就来自这个网站

那这里的包是谁写的?是怎么出现在网站上的?   请看下面

前期准备:安装node环境、安装cmder

1、 这里的包存在的概念:就是每一个开发者都可以上传自己写好的包,别人使用的时候就npm install 包名 (包括你自己也可以使用)

2、如何写自己的包 

    mkdir myloading 创建文件夹

    cd myloading 进入文件夹

    npm init 初始化文件夹 会生成一个package.json文件 用npm把项目管理起来。

发布自己的npm包--记录

这一步 填入name的时候(图片上是myloading)尽量要和别人的名字不一样 不然后面会导致发布失败。因为相同名字的话到时候安装都不知道安装的哪个,这样说应该能理解。

继续  touch index.js    创建一个index.js 然后在里面随便写自己的代码

发布自己的npm包--记录

//index.js

export default function showAuth(){
    console.log("发布我的第一个npm包");
}

至此我们简单的包就写完了。

 

3、发布我们自己包给其他人使用。

   首先你要有自己的npm账号  去注册一个

    完成后我们需要在命令终端登录

    npm login登录  出现Logged in as web_oop on https://registry.npmjs.org/.说明登录成功。

    发布自己的npm包--记录

    npm publish myloading 发布自己的npm 包

    这里要注意两个问题:一、执行npm publish myloading前 执行cd ..跳到当前目录上一级。好像在当前目录会出错。

                                        二、如果出现403错误 就去把package.json里面的name改成很难重复的,因为这个名字已经有人用了

  publish成功的截图发布自己的npm包--记录

  至此发布已经成功,可以去npm网站查看  登录后点击右上角的头像 点击packages

发布自己的npm包--记录

 

自己也可以在其它项目安装自己发布的npm包。

npm install 你的包名  这里的名字就是package.json里面的name

 

结束。。。

备注:我使用的命令行工具是 cmder 不知道的可以百度一下非常好用