如何发布一个npm包

前言

在项目开发过程中，我们经常会用到一些方法或者组件，修改组件又该觉麻烦还不如自己手写，可问题是不能每次都拖拉复制文件吧，这个时候就可以上我们的npm了

直接操作

1：打开官网

2：注册自己的npm账号

3：创建自己的项目

 3.1：mkdir+npm创建

## 创建目录
mkdir 文件名
 
## 进入目录
cd 文件名/
 
## 目录初始化
npm init

这边直接用下别人的图

地址：点击

第二步：初始化包 npm init --- 按照如下一步步流程操作就可以哦~

3.2：git+npm创建

## 创建目录
git init my_npm_comp

## 进入目录
cd my_npm_comp

## 目录初始化
npm init -y

 这边直接用下别人的图

地址：点击

4：文件创建

index.js : 全局文件，入口

package.json：全局配置

style.css：全局样式

components->Alert.js：具体操作，里面写函数方法

components->Toast.js：具体操作，里面写函数方法

5：上传

1、先将npm源切换到npm

npm config set registry=https://registry.npmjs.org

2、登录账号

npm login --auth-type=legacy

输入自己的账号的密码，密码输入是不会显示的，正常现象

3：上传

npm publish

报错：

ENOENT: no such file or directory, open  C:\Users\lenovo\Desktop\npmbao\package.json

解决方法：没有识别到package.json，查看自己的文件目录

Forbidden - PUT https://registry.npmjs.org/wlk - You do not have permission to publish wlk. Are you logged in as the correct user?

解决方法：查看官网是否有跟自己包命名一致的

Press ENTER to open in the browser...

解决方法：没有正确的识别到登录指令：npm login --auth-type=legacy

npm notice Beginning October 4, 2021, all connections to the npm registry - including for package installation - must use TLS 1.2 or higher. You are currently using plaintext http to connect. Please v

解决方法：没有正确的跟官网建立联系：npm config set registry=https://registry.npmjs.org