npm上如何上传插件

首先发个包到自己gitHub上

一、进入Github首页,点击New repository新建一个项目

 

 

二、填好要创建的仓库名等相关信息,create repository

 

 

 

 

 

 

四、本地操作。首先确保你已经安装了git工具。首先右键你的项目,如果你之前安装git成功的话,右键会出现两个新选项,分别为Git Gui Here,Git Bash Here,
例如:我在f盘新建一个文件夹,名为test。右击test,这里我们选择Git Bash Here,进入如下界面。

 

 

五、输入git init,这里这个命令的意思是让当前的文件夹(test)成为本地的一个仓库(会发现当前的目录多出了一个.git文件夹)

 

 

 

 

六、现在我们在test文件夹里放一个文件,例如test.txt,现在我们想把这个.txt文件传到GitHub上,执行下面的指令
七、输入git add .(add后空格再加一个“.”)
八、输入git commit -m “提交信息” (这里的提交信息是一个注释,例如”我的测试代码”)
九、输入git remote add origin https://自己的仓库url地址(上面copy的地址) 将本地的仓库关联到github上
十、最后一步:git push -u origin master,把代码上传到github仓库,首次使用需要账号和密码。
十一、之后如果再想将此本地仓库里的文件上传到GitHub仓库,git add .和git commit -m “提交信息”之后直接git push即可
(补充:之后发现的问题)

 

 

 

 

new repository时勾选了initialize thisrepository with a README,勾选了之后你的远程库就多了一个readme.md文件,导致远程库与本地库不一致,报错
解决方法:git pull –rebase origin master(意思就是将远程库中的更新合并到本地库中)之后你再git push origin master即可

 

 二:发版npm上

写了代码如何发布到npm包?

示例

demo1

demo2

1.注册npm账号

在npm官网注册https://www.npmjs.com/
注意邮箱要验证,会发送验证链接到你的注册邮箱,没有验证的话是不能发布代码的

2.给你的代码库起个名字

名字不能重复,在官网查询下是不是重复,重复的包名不能提交

3.创建项目

需要一个package.json文件,这个文件不仅仅是用来标明依赖和npm script脚本,也可以是一个npm包被外界识别的配置文件。
因为配置文件内容比较多,可以选择自己手写,或者

npm init

根据提示写好你的信息,以我的为例:name包名和main/bin对应你的包的入口文件,这里我的代码和github一起管理,author注意不要写错和你的npm账号一致


{
"name": "react-mobile-cityselect",
"version": "1.0.0",
"description": "移动端城市筛选",
"main": "index.html",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": "git+https://github.com/heruiruihe/react-mobile-cityselect.git"
},
"author": "heruirui",
"license": "ISC",
"bugs": {
"url": "https://github.com/heruiruihe/react-mobile-cityselect/issues"
},
"homepage": "https://github.com/heruiruihe/react-mobile-cityselect#readme"
}


4.本地测试

npm pack

会生成一个 tgz版本文件
打开一个新的项目,路径为刚刚生成的路径

npm install 路径/文件-1.0.0.tgz

5.提交发布

先登录你的账号


$ npm adduser    Username: your name Password: your password Email: yourmail

按照你注册的账号配置好,这时候看一下package.json中author尽量与npm账户一致。
在根目录下配置账号信息,只用配置一次即可,我上传的时候发现有提示必须admin权限才能上传问题就是没在根目录下配置信息
检查是否登录成功

npm who am i
# 如果不成功则重新登录一下
npm login

配置成功之后提交代码

npm publish

如果提交成功会出现如下提示:

注意每次提交版本号都要比上次的高

5.测试是否提交成功

去官网你的账号下面看一下有没有
或者直接npm下载下来

npm install calamus-vue-music --save

一些常见的错误:

  • 1.no_perms Private mode enable, only admin can publish this module

这是因为镜像设置成淘宝镜像了,设置回来即可


npm config set registry http://registry.npmjs.org
  • 2.npm publish failed put 500 unexpected status code 401
    一般是没有登录,重新登录一下 npm login 即可

  • 3.npm ERR! you do not have permission to publish “your module name”. Are you logged in as the correct user?
    包名被占用,改个包名即可。最好在官网查一下是否有包名被占用,之后再重命名

  • 4.you must verify your email before publishing a new package
    邮箱未验证,去官网验证一下邮箱

 

 查看一下自己的npm邮箱是否未验证;我找了半天,发现是npm邮箱未验证

 

https://www.cnblogs.com/calamus/p/8384318.html

https://blog.csdn.net/sTaANn/article/details/78427558

https://blog.csdn.net/eva_lu/article/details/80298181

posted @ 2021-07-08 16:58  可爱的小猫咪  阅读(396)  评论(0)    收藏  举报