封装一个自己的eslint规范

1、首先注册一个自己的npm账号
2、确保node.js都下载了
3、创建一个文件夹，npm init 这时候就生成一个package.json，把要封装的内容放进来，要注意封装的文件名要和package.json里面的main属性值一致 。

{
  "name": "eslint-config-maia",
  "version": "1.0.1",
  "description": "一个说明",
  "main": "index.js",//名称一致
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

4、登录自己的npm账号，npm login 账号，npm publish发布
如果想要一个带scope命名空间的包
1、在npm的Organization添加一个自己的空间

image.png

2、在package.js里的name属性里加上name: "@zhangbeibei123/xxxxxxx"
3、然后npm login登录，npm publish --access public发布，一定要有--access public
我这次发布是放在自己的私有仓库了用的verdaccio私服工具
具体用法：
1、npm install -g verdaccio安装
2、启动

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、启动后访问这个地址http://localhost:4873，进去后就可以看见发的包了。
使用插件包的时候：
1、安装

image.png
2、找到项目里.eslintrc.js文件

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

3、npm run lint试一下有没有作用。注意：有可能会报错缺少一些插件或者依赖什么的，我这次就缺了npm i eslint-plugin-import这个东西，第一次封装插件浪费了好久的时间。