快速且高效地发布和部署软件包是至关重要的！

1、获取NPM Tokens

1、npm账号怎么注册在此就不再细说了，在登录成功之后，点击头像，选择Access Tokens。

image-20240620113030728

2、在Generator New Token下拉有2个选项，选择Classic Token就可以。

image-20240620113243558

3、输入一个名称，选择Publish，点击Generate Token。

image-20240620113405263

4、成功生成之后，出现一个token，这个token只会出现一次，所以需要做好备份。

假如丢失也没关系哈，重新再生成一个便是。

image-20240620113537024

2、GitHub工程配置流水线

2.1、配置NPM Token

在获取到了NPM Token之后，需要利用Github的能力。

1、首先在这个项目的设置里，找到Secrets，进入到项目的配置页。

image-20240620113938607

2、点击New repository secret，名称填npm_token，再点击Add secret即可。

image-20240620114106226

2.2、编写流水线脚本

在当前的项目下，新建.github/workflows/npm-publish.yml，内容如下：

# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
# For more information see: https://docs.github.com/en/actions/publishing-packages/publishing-nodejs-packages

name: Publish Package to npmjs

on:
  push:
    # branches: [ main ]
    # paths:
    #   - 'src/'
    tags:
      - '*'

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      # Setup .npmrc file to publish to npm
      - uses: actions/setup-node@v3
        with:
          node-version: '18.x'
          registry-url: 'https://registry.npmjs.org'
      - run: npm install -g pnpm
      - run: pnpm i
      - run: npm run build
      - run: npm publish
        env:
          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

其中的配置可以根据你的实际情况来，这个脚本的意思是，只要tags被推送上来，就会触发以上流水，从而执行npm publish。

2.3、查看Action

在Github的项目中，可以点击Action，查看当前的流水执行情况。

image-20240620161800652

tags被推送上来之后，也就完成了自动发布到npm了。

image-20240620161928912