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. 可以通过命令行和用户交互
    2. 根据交互的结果去生成对应的模版项目
    上一页全屏模式
    下一页初始化项目
    目录