注意npm發(fā)布組件時(shí)最好是不要是其他源不然可能存在發(fā)布不成功的問題
1.登錄npm
2.在電腦桌面新建一個(gè)文件夾命名npm-***
3.在vscode中打開此文件夾
4.開啟命令行執(zhí)行npm init 初始化包? ?
?package name 代表以后組件的名稱?
?version 代表當(dāng)前版本號(hào)?
?desrciption 可以描述一下該組件?
?entrt point 代表進(jìn)入文件，默認(rèn) index.js 即可?
?keywords 代表關(guān)鍵詞?
?author 作者
?license 代表協(xié)議，
npm 是使用 ISC勾习，默認(rèn)即可
```
執(zhí)行完成后會(huì)出現(xiàn)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.同級(jí)目錄下新建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/不然會(huì)報(bào)錯(cuò)
npm config set registry https://registry.npmjs.org/
9.npm publish
注意name最好是唯一的
發(fā)布成功
成功案例：使用antd中的upload封裝的組件
?????????????????????https://www.npmjs.com/package/npm-aupload-greninja
