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
打包
发布组件库
使用

vue3-admin-template#

这是一个从零到一搭建 Vue3 后台管理系统的教程

技术栈#

  • 前端:Vue3全家桶 + Element Plus

  • 后端:Koa2 + Mongo

代码规范#

工具 说明
eslint JavaScript代码检测工具
stylelint css样式检查工具
prettier 代码格式化工具
husky commit拦截
commitlint 统一提交规范
上一页项目笔记
下一页创建新项目
目录
  • 技术栈
  • 代码规范