npm如何发布自己的vue组件库

一、登录npm网站
（1）确认在npm源上，如果是淘宝镜像源需要切换到npm

npm config set registry https://registry.npmjs.org/  //修改回 npm
npm config set registry https://registry.npmmirror.com
npm get registry // 查看npm镜像源使用状态

（2）创建npm账号密码后，命令行中输入以下语句，按要求登录

npm login

二、增加发包版本文件
2.1 创建项目结构

my-component/
├── src/component # 组件源代码
├── package.json
├── README.md # 文件说明
└── .npmignore # 可设置不需要发布的文件

2.2 初始化 package.json

npm init

2.3 配置package.json 重要字段【精简版】

{
  "name": "my-component",// 发布后的组件名称
  "version": "1.0.0",// 发布后的版本号
  "description": "描述",
  "license": "ISC"
}

ps: “license”: “ISC”
表示该项目采用了ISC许可协议，这意味着任何人可以免费地获取、使用、复制、修改和分发该项目的源代码，只要他们在分发时保留原始的许可声明，并且不对用户提供任何担保，也不承担因使用软件产生的责任。

2.4 发布

npm publish

三、注意点

• devDependencies 和 dependencies
  如果在生产环境依赖【dependencies】中增加了部分依赖，打包发布后，继续安装依赖会导致-》添加的包中也会增加一个node_modules