第一步就是配置，主要是是是三個文件webpack.config.js ,package.json，index.html還有一個要注意的文件是..gitignore
package.json注意我標的紅框的配置
{
"name": "easy-ui-liuxueqin",//這是包名
"description": "A Vue.js project",
"version": "1.2.1",
"author": "liuxueqin <[email protected]>",
"license": "MIT",
"private": false,//是否是私有要改成共有
"main": "./dist/easy-ui-liuxueqin.js",//這裏要引入的打包後的路徑
"scripts": {
"dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
},
}
webpack.config.js 配置，這裏面我就不貼代碼了，下面凡是easy-ui-liuxueqin，不要更改，這個跟你的報名一致
第二步就是看一下.gitignore，裏面如果有忽略dist/,要刪除，不然到時候死活推送不上去，我就是因爲這個找了半天的原因
第三部是執行打包命令npm run build 成功之後有個dist文件，然後在index.html中引入修改一下
index.html中添加代碼如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>easy-ui-liuxueqin</title>
</head>
<body>
<div id="app"></div>
<script src="/dist/easy-ui-liuxueqin.js"></script>
</body>
</html>
到這裏往npm推的前期準備就做完了，下面就是執行命令了
第五步執行,先執行登錄，再執行推送
1.執行登錄之前要在nom網站上註冊一下賬號設置密碼，npm網址：https://www.npmjs.com
npm login
npm publish
出現上面代碼說明你推送成功了，然後你到npm網站再看一下是否推送成功，消息會鑰匙一會會
點擊上方紅色的，然後查看剛剛推送的，包名和版本號都有顯示，如果推送不成功查看是不是你上次的版本號沒有修改
package.json文件中version版本號每次都需要修改的
到這裏就結束了，趕快感受一下香不香，
npm install easy-ui-liuxueqin
然後去查看一下是否安裝成功依賴，如果成功目錄如下，封裝的組件和dist裏面有你打包的，如果沒有dist那不能正常使用的，雖然推送成功
在main.js中引入，注入
import UI from 'easy-ui-liuxueqin' Vue.use(UI)
然後在需要的頁面使用吧，正常彈出，說明成功使用了。恭喜你學會了
this.$toast({
msg: '成功提示',
type: 'success'
})