npm是目前最大的包服务平台,前端基本无人不知,无人不晓了,初期我们可能都是在用别人封装到npm的包,那随着自身实力的增长,怎么打一个自己的包并上传到NPM呢?很简单,下面就是基本步骤,一切从简:
首次发布npm
1、注册npm账号,请到npm官网进行操作(已有账号请自行忽略跳过此步骤)
2、登录npm账号
开启终端,执行npm login 命令
参数解析
Username: npm注册的用户名
Password: npm登录密码
Email:npm注册的时候用的邮箱
3、本地代码开发
就是日常的开发,把想要上传到npm上的功能,单独写在一个文件夹里
4、初始化package.json配置
1、在需要上传的功能文件夹中打开终端,执行 npm init 命令 初始化一个package.json
2、配置 package.json 信息(重点配置以下信息)
package name: 包名 (npm install 包名 就可以进行下载,唯一命名,即npm仓库里没有同名的包,建议命名前先通过npm搜索是否有同名的包插件)
version: (1.0.0) (版本号:默认为1.0.0)
description: (包的描述)
entry point: (index.js) (入口文件,默认为index.js)
keywords: (关键字描述,可通过搜索关键字找到这个包)
author: 作者名字
license: (ISC) (执照,一般也默认)
5、发布包(要上传到npm了)
在需要上传的功能文件夹中打开终端,执行 npm publish命令 进行发布
版本迭代
第一次发布的时候我们发布的包可能并不完善,后续慢慢更新后,想再次提交到npm上怎么操作呢?
1、本地更新版本号
比如我想来个1.0.1版本,注意,是最后一位修改了增1,那么命令
:npm version patch 回车就可以了;
比如我想来个1.1.0版本,注意,是第二位修改了增1,那么命令
:npm version minor 回车就可以了;
比如我想来个2.0.0版本,注意,是第一位修改了增1,那么命令
:npm version major 回车就可以了;
2、更新完本地版本号以后,继续发布即可
:npm publish
等邮箱接收到npm发布成功的邮件以后,打开npm官网,搜索自己的 npm包名
部分填坑
1、注册账号时,推荐在npm官网进行注册,还有一种通过npm adduser的注册方式(不太推荐,所以不做介绍,自行百度),有时会莫名其妙的出问题
2、首次注册完,本地登录npm账号后,并且项目名字唯一,但是依旧报错,说明你在注册完后没有去邮箱授权登录,请先登录邮箱进行授权操作
3、如果npm设置了淘宝镜像的,请换回原来的npm下载地址,否则会报错
npm config set registry https://registry.npmjs.org
4、项目的名字一定要唯一,不然传不上去,会报错(建议命名前先通过npm搜索是否有同名的包插件)