安装vue-cli

npm install vue-cli -g

vue init webpack xxxui

新增packages文件夹用来放组件

修改src文件夹为examples

修改build/webpack.base.config.js 替换src为examples

image

image

修改完成后文件目录

image

开始做组件

packages文件夹目录如下

image

button.vue内容如下

image

button/index.js内容如下

image

packages/index.js内容如下

image

examples/main.js

import demoui from '../packages/index.js'

Vue.use(demoui)

examples/App.vue

image

到这里简单的按钮就出来了

发布npm包

修改package.json

添加:

"main":"packages/index.js"

之后

npm adduser

输入用户名,密码,邮箱后

npm publish

发布成功后会显示 +@