博客

引言：项目做多了以后总有一些常用的方法在各个项目中使用，代码总是复制来复制去，还有一些方法可能存在升级优化代码等情况，这个时候每个项目都复制一遍就很繁琐，所以如果将常用的方法打包成npm包各项目重新更新包即可。

一、在

npm官网

注册一个账号，注意目前为止userName创建后无法更改

二、准备代码

1.创建一个文件夹，名称自定义

2.进入文件夹后通过终端：vscode、cmd、 PowerShell都可，执行 npm init

然后会生成一个package.json文件

{
  "name": "test",   //包名称，不可与其他包重复
  "version": "1.0.0", //版本
  "description": "",
  "main": "index.js", //入口文件
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

3.package.json平级创建一个index.js，里面编写需要打包的代码方法

3.1.如果使用了其他registry，需要切换回npm的地址

npm config set registry=http://registry.npmjs.org

4.开发好代码以后命令行执行npm login登录刚才注册的账号

如果已有账号登录可执行npm logout退出，再登录要发包的账号

npm login
# Username: 你的npm userName
# Password: 输入即可，它是密文的，不可见
# Email: (this IS public) email@email.com
Enter one-time password: 37869112  // 发送到邮箱的验证码，也可能没有此步，如果有就去注册时输入的邮箱查看

Logged in as userName on https://registry.npmjs.org/. //表示登录成功

5.登录后执行命令

npm publish

6.使用npm i 包名，或者pnpm i 包名下载，下载成功即可使用

7.版本更新更改package.json：version即可

以上即为最简单的js工具包发布步骤，后续慢慢补充Ts、vue、react等方法或组件的发布方式