在使用vue2.0的过程，有时看API很难理解vue作者的思想，这促使我想要去深入了解vue底层的思想，了解完底层的一些思想，才能更好的用活框架，虽然网上已经有很多源码解析的文档，但我觉得只有自己动手了，才能更加深印象。

一、Vue与模板

对于没使用过Vue的，这里我们来说下Vue的使用步骤：

1. 编写 页面 模板

a. 直接在HTML标签中写

b. 使用template

介绍

vuestic是基于Vue 3 的 开源免费UI 库，托管在Github上，基于 MIT 开源协议。是目前Github上为数不多的基于Vue3的开源组件库。

Github地址

还在烦恼怎么做一个简单又美观的文档或博客网站吗？VuePress，让你十分钟就能搭建一个静态网站！

简介

VuePress，是 vuejs 在 Github 上开源的静态网站生成器，项目仓库位于 https://github.com/vuejs/vuepress，目前版本为 v1.5.0。VuePress 结合了 Markdown 语法和 Vue.js，可以从 Markdown 文档中直接生成一个静态网站，且可以结合 Vue.js，实现更为美观和强大的自定义主题和功能，满足快速构建如文档和技术博客网站等静态网站。相比于其他项目，VuePress 开箱即用，依赖较少，对 SEO 友好，能有效利用 Vue 处理布局和交互，渲染配置灵活。

目前比较流行的vue组件有Element UI、ivew、bootstrap-vue、ant-design-vue(第三方实现，官方版本只有 React和Angular版本)，另外还Vuetify（27.2k）、Buefy（基于 Bulma css）、Vue Material等。今天我们主要介绍基于这些组件库封装的后台管理模板。

下面我们介绍几个精美的VUE后台管理模板，按照github上的标星数量来排序：

vue-pure-admin 是一款开源免费且开箱即用的中后台管理系统模版。使用了最新的 Vue3、Vite、Element-Plus、TypeScript、Pinia、Tailwindcss 等主流技术开发。作者提供了2个版本，一个完整版本，功能最多最全。同时还提供了一个精简版本，只有基本的页面框架，基础配置已经配置好，直接运行后接着开发自己的业务逻辑即可。精简版本还提供了国际化和非国际化2个版本供选择，作者真的是太用心了。必须给个大大的赞。

官网传送门：https://www.vuepress.cn

简洁至上：

以 Markdown 为中心的项目结构，以最少的配置帮助你专注于写作。

Vue 驱动：

享受 Vue + webpack 的开发体验，可以在 Markdown 中使用 Vue 组件，又可以使用 Vue 来开发自定义主题。

安装Vetur插件

Vetur插件可以识别vue文件，如下图所示

创建自己的模板

1. 找到配置文件！

前段时间，用vue3+vite4+ts+elementPlus，搭了一个后台极简骨架，整合了 多语言，主题色切换，暗黑模式，pinia 状态管理，sass 预处理器，百度富文本编辑器，带模板功能

这次，我用这个后台极简骨架，做了一个完整的项目

今天给大家分享一个Vue3.0框架搭建的后台管理模板Vue3.xAdmin。

vue3.x-admin 使用vue3开发的后台管理系统。主要包括

#头条创作挑战赛#

今天再分享一个vue3.x+ts+element-plus后台管理框架vue-next-admin。