把本身的代码发布到npm(npm publish)

 

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

示例git

demo1github

demo2npm

1.注册npm帐号

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

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

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

3.建立项目

须要一个package.json文件,这个文件不单单是用来标明依赖和npm script脚本,也能够是一个npm包被外界识别的配置文件。
由于配置文件内容比较多,能够选择本身手写,或者bash

npm initmarkdown

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

{
"name": "calamus-vue-music",
"version": "0.0.2",
"description": "a vue music player",
"main": "music.vue",
"bin": "music.vue",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": "git+https://github.com/calamus0427/calamus-vue-music.git"
},
"keywords": [
"music",
"player",
"vue",
"calamus"
],
"author": "calamus",
"license": "MIT",
"bugs": {
"url": "https://github.com/calamus0427/calamus-vue-music/issues"
},
"homepage": "https://github.com/calamus0427/calamus-vue-music#readme",
"_from": "calamus-vue-music@0.0.1"
}

4.本地测试

npm pack

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

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
    邮箱未验证,去官网验证一下邮箱

相关文章
相关标签/搜索