logologo
CodeBetter
基础
HTML
CSS
JavaScript
TypeScript
web端
Vue
React
Nuxt
Next
移动端
Flutter
React Native
桌面端
Electron
小程序
微信小程序
基础
Node
框架
Express
Koa
Nest
数据库
MongoDB
MySQL
工程化
性能优化
云服务器
项目笔记
三方库
其它
基础
HTML
CSS
JavaScript
TypeScript
web端
Vue
React
Nuxt
Next
移动端
Flutter
React Native
桌面端
Electron
小程序
微信小程序
基础
Node
框架
Express
Koa
Nest
数据库
MongoDB
MySQL
工程化
性能优化
云服务器
项目笔记
三方库
其它
    logologo
    CodeBetter
    项目笔记

    管理系统模版

    vue3-admin-template
    创建新项目
    配置初始化
    安装 Vue Router
    安装 Pinia
    安装 Element Plus
    安装 Sass
    安装 Prettier
    安装 ESLint
    安装 stylelint
    安装 Husky
    安装 Commitlint
    安装 editorconfig
    安装 cspell
    axios 二次封装
    storage 二次封装
    layouts
    SVG图标配置
    安装 mock
    全屏模式

    脚手架

    前端脚手架
    初始化项目
    具体实现
    相关依赖
    发布

    组件库

    vue3-ui-library
    开发环境搭建
    组件库初始化
    演示库初始化
    构建button组件
    测试button组件
    BEM命名规范
    命名空间
    封装BEM命名规则
    Sass制定组件库全局变量
    theme主题包
    默认主题色
    其它主题色
    圆角按钮
    禁用按钮
    文字按钮
    链接按钮
    边框按钮
    块级按钮
    按钮尺寸
    圆形按钮
    图标按钮
    加载按钮
    按钮组
    Vitepress
    解析 Markdown
    UI组件库解析
    撰写组件库文档
    packaging-and-release
    打包
    发布组件库
    使用

    发布#

    1. 注册npm账号
    2. 在本地登录并发布
    1# 登录
    2npm login
    3
    4# 在我们脚手架的根目录下执行发布命令
    5npm publish
    注意
    1. 登录和发包前一定要先查看npm的源,需要修改为 https://registry.npmjs.org/。
    2. 在发布时包名不能重复,所以可以先在线上搜索下看看有没有存在的包,如果出现 403 错误可能是包名和线上的重复了,修改 package.json 中的 name 即可。
    上一页相关依赖
    下一页vue3-ui-library
    目录