vue 自己封装插件上传npm (npm发包) 流程

Vue 封装一个组件上传npm 流程：

一、把需要上传的组件放到一个lib文件夹里：
二、paganation.vue

<template>
    <div>
        这是我的组件
    </div>
</template>

<script>
    export default {
        name:"pagation"
    }
</script>

<style scoped>

</style>

三、index.js中引入组件并抛出

import pagation from './pagation.vue';
export default pagation;

四、npm init -y 生成 package.json

{
  "name": "hometown_pagation",
  "version": "1.0.1",
  "description": "",
  "main": "index.js",//入口文件是index.js,所以我们要创建一个index,js文件
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

五、readme.md 描述文件

插入对插件的描述

上张图：

六、登录npm

npm login

七、把源切换到npm

npm config set registry http://www.npmjs.org //切换到npm
npm config set registry https://registry.npm.taobao.org //淘宝镜像
npm get registry //获取当前源

八、发布

npm publish

九、删除包

npm unpublish 包名@版本号 //指定删除包
npm unpublish 包名 --force //删除整个包