背景

在日常研发中，咱们经常会输出一些类似脚手架cli、组件库components、插件plugins等基础设施类的工具；那么如何把它们发布出来供大家使用呢？最好的方式就是把它发布到npm服务器；然后其它同学只需要进行npm安装就行了。方便又省事！那么如何进行npm发布呢？请看下面的具体实践。

NPM包发布

本文结合上次 #前端工程化系列(一)# 进行讲解，通过在npm发布脚手架的步骤；让大家来了解如何发布npm包；发布后如何安装使用。

如何发布npm包

• 打开www.npmjs.com/signup 官网，注册npm账号

发布包版本管理(发布之前要提前更新发布包的版本号)

使用npm version 命令更新版本号，每执行一次版本号更新一次

主版本号(major). 次版本号(minor). 修订号(patch)

• 主版本号: 做了不可兼容的修改,主要是大版本的迭代；1.0.0直接升级到2.0.0

• 次版本号: 做了向下兼容的功能性新增, 对应小版本迭代；2.0.0升级到2.1.0，2.2.0

• 修订号: 做了向下兼容的问题修复,对应修正版本迭代；2.2.0升级到2.2.1

发布安装包

1. npm login 登录；
2. 输入用户名 Username: npm注册的用户名；
3. 输入密码 Password: npm注册的密码；
4. 输入邮箱 Email: (this IS public) : npm的注册邮箱；
5. 输入验证码：npm服务器会发验证码到你注册的邮箱；登录注册邮箱获取验证码进行最终验证；(之前发布是没有这个环节的，后面应该是为了账号安全新增的验证码)
6. npm publish

查看发布包

1. 通过搜索查看

2. 通过已登录的个人npm账号设置功能查看

脚手架安装

Using npm:
npm install project-create-cli -g

Using pnpm:
pnpm install project-create-cli -g

项目创建

project create [项目名称]