Skip to content

大家好,我是前端之虎陈随易。

这是我的个人网站 https://chensuiyi.me

今天给大家分享我自己原创,开源,已经用了好几年的Vue3项目开发脚手架 - yite-cli

yite-cli

yite-cli 是一个基于 vite 深度封装的 vue3 项目开发脚手架。

仓库地址

github - https://github.com/chenbimo/yite-cli

文档教程

请到 前端之虎陈随易 https://chensuiyi.me 网站查看。

设计思路

主要用于解决以下几个问题:

  1. 直接使用 vite,每个项目都需要配置一次。
  2. 项目的 开发依赖 不应该在项目中安装。
  3. 不同的开发者导致的不够统一的使用方式。

所以,yite-cli 诞生了,并有效地解决了这些问题。

功能特性

  • 不需要写路由配置,文件结构即路由。
  • 默认提供 i18n 国际化多语言支持。
  • 环境变量放到 src/env 目录中,便于管理。
  • 默认提供自动导入文件、配置、组件、插件等。
  • 灵活可控的项目骨架系统 (layout)。
  • 默认提供封装好的全局 pinia 存储方案。
  • 默认提供 scss 变量自动导入。
  • 极少的项目依赖,所有开发依赖都在脚手架中。
  • 一万多个图标开箱即用,按需导入,直接使用。
  • 仅支持 scss 语法,避免选择,增强统一。

避免使用

  • 对开发灵活性要求高的项目 (yite-cli 丢失部分灵活性,以求稳定性)。
  • 需要动态路由的请不要使用,本项目使用权限验证方案。
  • 目前只支持单页应用开发 (ssg 等方案未做验证)。
  • 需要使用 TypeScript 的项目,本工具并没有集成与测试。

推荐使用

  • 中小型,外包,个人项目。
  • 需要减少开发时间,提高开发效率。
  • 不想换人接手就大喊重构的项目。

演示效果

由于脚手架并不像UI框架那样直观,所以感兴趣的朋友,可以前往官网文档,按照步骤,下载到本地,快速体验。

交流反馈

可以前往官网,加笔者好友,注明:yite-cli,拉进yite-cli交流反馈群。

何以解忧,唯有代码。不忘初心,方得始终。