安装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
发布成功后会显示 +@
