本文为 Vue3+Vite 项目实战系列教程文章第三篇，系列文章建议从头观看效果更佳，本文接上文还是继续介绍多布局，核心是边栏布局的搭建以及布局的动态切换。

Pinia 意为菠萝，表示与菠萝一样，由很多小块组成。在 Pinia 中，每个 Store 都是单独存在，一同进行状态管理。与 Vuex 相比，Pinia 提供了更简单的 API，更少的规范。

2020年初，团队成立了wiki兴趣小组，我们非常荣幸地可以开发前端为公司出品的第一个全栈项目，wiki中必不可少的模块则是编辑器，而挑选一个优秀的开源编辑器是我们的首要任务。 在多日挑选之后，最终决定使用该编辑器tui-editor,它又叫toastUiEditor，现在主要…

借助开源库加速VUE项目的开发进度是现代前端开发比较常见的方式，平常收集一些JavaScript库介绍，在遇到需要的时候可以信手拈来。 VUE 生态有很多不错的依赖库或者组件，是使用VUE开发前端的原

5w字长文讲述一个前端小白如何从零开始搭建项目，来感受小白首次使用这些令人眼花缭乱的技术时的艰辛与坎坷。