注意npm发布组件时最好是不要是其他源不然可能存在发布不成功的问题

1.登录npm

2.在电脑桌面新建一个文件夹命名npm-***

3.在vscode中打开此文件夹

4.开启命令行执行npm init 初始化包   

 package name 代表以后组件的名称 

 version 代表当前版本号 

 desrciption 可以描述一下该组件 

 entrt point 代表进入文件，默认 index.js 即可 

 keywords 代表关键词 

 author 作者

 license 代表协议，

npm 是使用 ISC，默认即可

```
执行完成后会出现package里面是

{

  "name": "npmtooluser",

  "version": "1.0.0",

  "description": "that's one way",

  "main": "index.js",

  "scripts": {

    "test": "echo \"Error: no test specified\" && exit 1"

  },

  "keywords": [

    "tools"

  ],

  "author": "sunlight",

  "license": "ISC"

}

```

5.同级目录下新建index.js写入方法

6.npm install -g

提示

added 1 package, and audited 3 packages in 7s

found 0 vulnerabilities

表示成功

7.npm link

8.npm login 提示Logged in as greninjasunlei on https://registry.npmjs.org/表示成功

注意如果失败需要将npm源切换到https://registry.npmjs.org/不然会报错

npm config set registry https://registry.npmjs.org/

9.npm publish

注意name最好是唯一的

发布成功

成功案例：使用antd中的upload封装的组件

                     https://www.npmjs.com/package/npm-aupload-greninja