如何将自己的vue组件发布到NPM

首先,确定单元测试已经通过

上传代码到npmjs.org

1. 更新 package.json

  {
    "name": "xxxxxx",    //发布npm包的名字
    "description": "",      //对组件的描述
    "version": "1.0.0",     //版本号
    "main": "index.js",     //定义包的入口文件
    "scripts": {
      "test": ""
    },
    "repository": {
      "type": "git",
      "url": ""            //输入git的地址
    },
    "keywords": [],        //关键字,方便别人搜索
    "author": "",         //作者自己的名字
    "license": "ISC",
    "bugs": {
      "url": ""            //方便别人给你提issue的地址
    },
    "homepage": ""         //可以指向自己的github地址
  }

 在 package.json 里将版本号改为 0.0.1，等我们做完了再改成 1.0.0
 创建 index.js，在 index.js 里将你想要导出的内容全部导出,比如我的是

import Button from './src/button'
import ButtonGroup from './src/button-group'
import Icon from './src/icon'

export{Button,ButtonGroup,Icon}

2.去 https://www.npmjs.com/ 注册一个账户

image

  登录邮箱确认**（必须）**

3.在项目根目录运行 npm adduser

image

4.运行 npm publish

• <u style="box-sizing: border-box;">如果错误提示里面含有 https://registry.npm.taobao.org 则说明你的 npm 源目前为淘宝源，需要更换为 npm 官方源</u>

// 1.查询当前配置的镜像
npm get registry
//https://registry.npmjs.org/
// 设置成淘宝镜像
npm config set registry http://registry.npm.taobao.org/
// 换成原来的
npm config set registry https://registry.npmjs.org/

或者运行npm config list 查看配置

image

<u style="box-sizing: border-box;">registry配置不能是taobao</u>

如果发布成功会返回 组件名称+'@'+版本号

如果想删除版本可以运行 npm unpublish 组件名称+'@'+版本号