1、首先注冊(cè)一個(gè)自己的npm賬號(hào)
2、確保node.js都下載了
3、創(chuàng)建一個(gè)文件夾，npm init 這時(shí)候就生成一個(gè)package.json，把要封裝的內(nèi)容放進(jìn)來，要注意封裝的文件名要和package.json里面的main屬性值一致 。

{
  "name": "eslint-config-maia",
  "version": "1.0.1",
  "description": "一個(gè)說明",
  "main": "index.js",//名稱一致
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

4、登錄自己的npm賬號(hào)，npm login 賬號(hào)，npm publish發(fā)布
如果想要一個(gè)帶scope命名空間的包
1、在npm的Organization添加一個(gè)自己的空間

image.png

2、在package.js里的name屬性里加上name: "@zhangbeibei123/xxxxxxx"
3、然后npm login登錄，npm publish --access public發(fā)布，一定要有--access public
我這次發(fā)布是放在自己的私有倉庫了用的verdaccio私服工具
具體用法：
1、npm install -g verdaccio安裝
2、啟動(dòng)

verdaccio

// 界面顯示信息
Verdaccio doesn‘t need superuser privileges. Don‘t run it und
 warn --- config file  - /root/.config/verdaccio/config.yaml
 warn --- http address - http://localhost:4873/ - verdaccio/

3、啟動(dòng)后訪問這個(gè)地址http://localhost:4873，進(jìn)去后就可以看見發(fā)的包了。
使用插件包的時(shí)候：
1、安裝

image.png

"extends": [
        "eslint:recommended",
        "plugin:vue/essential",
        "插件名稱"
    ],

3、npm run lint試一下有沒有作用。注意：有可能會(huì)報(bào)錯(cuò)缺少一些插件或者依賴什么的，我這次就缺了npm i eslint-plugin-import這個(gè)東西，第一次封裝插件浪費(fèi)了好久的時(shí)間。