如何发布一个npm包

154 阅读2分钟

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

直接操作

1:打开官网

image.png

2:注册自己的npm账号

image.png

3:创建自己的项目 3.1:mkdir+npm创建

创建目录

mkdir 文件名

进入目录

cd 文件名/

目录初始化

npm init

image.png 这边直接用下别人的图

地址:点击

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

image.png 3.2:git+npm创建

创建目录

git init my_npm_comp

进入目录

cd my_npm_comp

目录初始化

npm init -y

image.png

这边直接用下别人的图

地址:点击

4:文件创建

image.png

image.png

index.js : 全局文件,入口

image.png

package.json:全局配置

style.css:全局样式

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

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

5:上传

1、先将npm源切换到npm npm config set registry=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 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=registry.npmjs.org

image.png