导语：之前说的是如何下载、更新、卸载npm包，今天说一下如何发布自己的npm包到npm的平台上，让别人可以作为项目的依赖包来下载安装和使用。本次使用一个拖拽的案例来演示如何操作。
# 目录
- 初始化npm
- 登录npm
- 发布包
- 更新包
- 删除包
# 初始化npm包
在初始化之前一定要安装node环境，然后到npm官网查看包名是否存在，如果存在则换一个。这次我使用g-drag来作为本次包名，你也在本地写一个通用的方法作为一个单独的包。
开始初始化
npm init 会生成一个packagejson的文件，项目的配置信息。
npm init
1
{
"name": "g-drag", //包名
"version": "1.0.0", //版本号
"description": "this is a grag elem package!", //描述
"main": "src/index.js", //入口文件
"directories": {
"example": "example"
},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [
"grag"
],
"author": "gitguanqi",
"license": "ISC"
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
到这里初始化就完成了。
# 登录npm
接着就是到官网注册一个账号登录。
npm login
1
输入用户名和密码，即可登录成功。一定要设置为国外的npm源，
npm config set registry https://registry.npmjs.org/
1
这样就登录了。
Username: XXX
npm WARN Name may not contain non-url-safe chars
Username: (XXX) XXX
Password: XXX
Email: (this IS public) XXX
Logged in as XXX on https://registry.npmjs.org/.
1
2
3
4
5
6
2
3
4
5
6
# 发布包
接着我们发布自己的包。
npm publish
npm notice
npm notice package: g-drag@1.0.0
npm notice === Tarball Contents ===
npm notice 324B package.json
npm notice 1.4kB src/index.js
npm notice === Tarball Details ===
npm notice name: g-drag
npm notice version: 1.0.0
npm notice package size: 757 B
npm notice unpacked size: 1.7 kB
npm notice shasum: 3f1b5ca4746b4be1fd42285fbf62d9683a7757bc
npm notice integrity: sha512-ClYLLs51O7jSw[...]6tjR0e+5c16aw==
npm notice total files: 2
npm notice
+ g-drag@1.0.0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
到这里就发布完成。
可以运行npm view <包名> version查看包信息。
npm view g-drag version
1
可以试着运行npm install g-drag --save安装依赖了。
# 更新包
更新包分为三个版本。
第一个版本是补丁修复，可以使用
npm version patch,例如从0.0.1到0.0.2；第二个版本是新功能，可以使用
npm version minor,例如从0.2.1到0.4.2；第三个版本是重大更新，可以使用
npm version major,例如从1.2.1到2.4.2；
# 删除包
可以使用npm unpublish <包名> –force,或者npm deprecate <包名>
# 写在最后
心动不如行动，快练习一下巩固知识。
