1 前言

NPM的全称是Node Package Manager，是一个NodeJS包管理和分发工具，已经成为了非官方的发布Node模块（包）的标准。

2020年3月17日，Github宣布收购npm，GitHub现在已经保证npm将永远免费。

截至2020年3月17日，npm为大约1200万开发人员提供了130万个软件包，这些开发人员每月下载这些软件包达750亿次。

本篇将会教大家如何创建和发布你的NPM包，请往下看。

2 开始

2.1 注册npmjs账号

• 访问https://www.npmjs.com/signup 填写注册信息进行注册即可

sign up your account

• 访问https://www.npmjs.com/login 登录

login your account

2.2 生成package.json

• 创建目录my-first-npm-package-hello-world

• 进入目录my-first-npm-package-hello-world

• 使用npm init初始化

• package.json

{  "name": "my-first-npm-package-hello-world",  "version": "1.0.0",  "description": "My first package for NPM",  "repository": {    "type": "git",    "url": "https://github.com/billcoding/my-first-npm-package.git"  },  "author": "bw007 <bill07wang@gmail.com> (https://github.com/billcoding)",  "license": "Apache-2.0",  "bugs": {    "url": "https://github.com/billcoding/my-first-npm-package/issues"  },  "homepage": "https://github.com/billcoding/my-first-npm-package#readme"}

• 集成typescript

• tsconfig.json

{  "compilerOptions": {    "target": "es5",    "module": "commonjs",    "outDir": "",    "esModuleInterop": true,    "forceConsistentCasingInFileNames": true,    "strict": true,    "skipLibCheck": true  }}

2.3 编写模块

• 新建index.ts

export default function message() {	console.log('This is my first NPM package...');}

2.4 登录npmjs.com

输入账号名、密码以及电子邮箱。

login on npm

2.5 查看包的版本

{  'my-first-npm-package-hello-world': '1.0.0',  npm: '8.1.0',  node: '16.13.0',  v8: '9.4.146.19-node.13',  uv: '1.42.0',  zlib: '1.2.11',  brotli: '1.0.9',  ares: '1.17.2',  modules: '93',  nghttp2: '1.45.1',  napi: '8',  llhttp: '6.0.4',  openssl: '1.1.1l+quic',  cldr: '39.0',  icu: '69.1',  tz: '2021a',  unicode: '13.0',  ngtcp2: '0.1.0-DEV',  nghttp3: '0.1.0-DEV'}

2.6 发布NPM包

npm noticenpm notice   my-first-npm-package-hello-world@1.0.0npm notice === Tarball Contents ===npm notice 185B index.jsnpm notice 88B  index.tsnpm notice 491B package.jsonnpm notice 225B tsconfig.jsonnpm notice === Tarball Details ===npm notice name:          my-first-npm-package-hello-worldnpm notice version:       1.0.0npm notice filename:      my-first-npm-package-hello-world-1.0.0.tgznpm notice package size:  651 Bnpm notice unpacked size: 989 Bnpm notice shasum:        35213982a234e12ad8709370cef81b12a0f904canpm notice integrity:     sha512-TRXzy68ANjfuX[...]zljhuXMHKOciA==npm notice total files:   4npm notice+ my-first-npm-package-hello-world@1.0.0

2.7 检索

npm search

2.8 注销

3 测试

• 创建目录test-my-fist-npm-package

• 进入test-my-fist-npm-package

• 初始化

package.json

• 安装my-first-npm-package-hello-world

package.json

• 创建index.js

const mypkg = require('my-first-npm-package-hello-world');mypkg.default(); 

• 运行

3 总结

以上就是以最简单包作为案例，教大家如何创建和发布你的NPM包[机智]。

感兴趣的朋友，大可一试哦。

欢迎大家转发留言收藏，谢谢大家！