用过npm的人都知道 npm install 包名 安装一个包到自己项目
今天要说的就是这个包的来源。
https://www.npmjs.com/ 就来自这个网站
那这里的包是谁写的?是怎么出现在网站上的? 请看下面
前期准备:安装node环境、安装cmder
1、 这里的包存在的概念:就是每一个开发者都可以上传自己写好的包,别人使用的时候就npm install 包名 (包括你自己也可以使用)
2、如何写自己的包
mkdir myloading 创建文件夹
cd myloading 进入文件夹
npm init 初始化文件夹 会生成一个package.json文件 用npm把项目管理起来。
这一步 填入name的时候(图片上是myloading)尽量要和别人的名字不一样 不然后面会导致发布失败。因为相同名字的话到时候安装都不知道安装的哪个,这样说应该能理解。
继续 touch index.js 创建一个index.js 然后在里面随便写自己的代码
//index.js
export default function showAuth(){
console.log("发布我的第一个npm包");
}
至此我们简单的包就写完了。
3、发布我们自己包给其他人使用。
首先你要有自己的npm账号 去注册一个
完成后我们需要在命令终端登录
npm login登录 出现Logged in as web_oop on https://registry.npmjs.org/.说明登录成功。
npm publish myloading 发布自己的npm 包
这里要注意两个问题:一、执行npm publish myloading前 执行cd ..跳到当前目录上一级。好像在当前目录会出错。
二、如果出现403错误 就去把package.json里面的name改成很难重复的,因为这个名字已经有人用了
publish成功的截图
至此发布已经成功,可以去npm网站查看 登录后点击右上角的头像 点击packages
自己也可以在其它项目安装自己发布的npm包。
npm install 你的包名 这里的名字就是package.json里面的name
结束。。。
备注:我使用的命令行工具是 cmder 不知道的可以百度一下非常好用