大家好,我是前端之虎陈随易。
这是我的个人网站 https://chensuiyi.me。
今天给大家分享我自己原创,开源,已经用了好几年的Vue3项目开发脚手架 - yite-cli
。
yite-cli
yite-cli
是一个基于 vite
深度封装的 vue3
项目开发脚手架。
仓库地址
github - https://github.com/chenbimo/yite-cli
文档教程
请到 前端之虎陈随易 https://chensuiyi.me 网站查看。
设计思路
主要用于解决以下几个问题:
- 直接使用
vite
,每个项目都需要配置一次。 - 项目的
开发依赖
不应该在项目中安装。 - 不同的开发者导致的不够统一的使用方式。
所以,yite-cli
诞生了,并有效地解决了这些问题。
功能特性
- 不需要写路由配置,文件结构即路由。
- 默认提供
i18n
国际化多语言支持。 - 环境变量放到
src/env
目录中,便于管理。 - 默认提供自动导入文件、配置、组件、插件等。
- 灵活可控的项目骨架系统 (
layout
)。 - 默认提供封装好的全局
pinia
存储方案。 - 默认提供
scss
变量自动导入。 - 极少的项目依赖,所有开发依赖都在脚手架中。
- 一万多个图标开箱即用,按需导入,直接使用。
- 仅支持
scss
语法,避免选择,增强统一。
避免使用
- 对开发灵活性要求高的项目 (
yite-cli
丢失部分灵活性,以求稳定性)。 - 需要动态路由的请不要使用,本项目使用权限验证方案。
- 目前只支持单页应用开发 (
ssg
等方案未做验证)。 - 需要使用
TypeScript
的项目,本工具并没有集成与测试。
推荐使用
- 中小型,外包,个人项目。
- 需要减少开发时间,提高开发效率。
- 不想换人接手就大喊重构的项目。
演示效果
由于脚手架并不像UI框架那样直观,所以感兴趣的朋友,可以前往官网文档,按照步骤,下载到本地,快速体验。
交流反馈
可以前往官网,加笔者好友,注明:yite-cli,拉进yite-cli交流反馈群。