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
2、找到項(xiàng)目里.eslintrc.js文件
"extends": [
"eslint:recommended",
"plugin:vue/essential",
"插件名稱"
],
3团赁、npm run lint試一下有沒有作用育拨。注意:有可能會(huì)報(bào)錯(cuò)缺少一些插件或者依賴什么的,我這次就缺了npm i eslint-plugin-import這個(gè)東西欢摄,第一次封裝插件浪費(fèi)了好久的時(shí)間至朗。