@horace_cai/firstui
v0.1.3
Published
First vue UI framework
Downloads
2
Maintainers
Readme
尝试发布 UI 框架到 npm 上
开发一套 UI 框架
element-ui
公司需要 UI 框架,但可能现有的 UI 框架不满足需求
自己按需定制一份发布 npm跟平常开发的区别
packages 才是开发目录,防止自己的组件
原来的 src 改为 examples编写 vue.config.js
vue-cli 默认会启动 src 下的服务, 如果目录名变了, 需要手动修改配置在packages 目录下写自己的组件
Button/index.js -> 在组件入口文件,给组件添加 install 方法,让它可以被全局使用 Vue.use()
packages/index.js -> 在 packages 的入口文件中导入组件并安装导出配置 package.json
"lib": "vue-cli-service build --target lib --name (name) --dest lib packages/index.js"
输出到指定目录下
description 组件库的描述文本
keywords 组件库的关键词
license 许可协议
repository 组件库关联的 git 仓库地址
homepage 组件库展示的首页地址
main 组件库的主入口地址(在使用组件时引入的地址)
private 声明组件库的私有性, 如果要发布到npm公网上,需删除该属性或者设置为 false
publishConfig 用来设置 npm 发布的地址, 这个配置作为团队内部的npm服务器来说非常关键, 可以设置为私有的 npm 仓库发布到 npm
yarn lib: 本地编译组件库代码
npm login: 登录 npm(要注意从淘宝源 https://registry.npm.taobao.org/ 换回 npm 自己的源 http://registry.npmjs.org)
npm publish: 发布
npm publish --access public: 如果发布失败提示权限问题执行