JSPM

yite-cli

yite-cli 是一个基于 vite 深度封装 方便、好用、强大 的 vue3 项目开发脚手架。

仓库地址

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

作者介绍

前端之虎陈随易 https://chensuiyi.me

文档教程

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

设计思路

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

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

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

功能特性

• 不需要写路由配置，文件结构即路由。
• 默认提供 i18n 国际化多语言支持。
• 环境变量放到 src/env 目录中，便于管理。
• 默认提供自动导入文件、配置、组件、插件等。
• 灵活可控的项目骨架系统 (layout)。
• 默认提供封装好的全局 pinia 存储方案。
• 默认提供 scss 变量自动导入。
• 默认提供强大的工具函数 yidash（易大师）。
• 默认提供 vite 预构建配置，解决页面重新加载的问题。
• 极少的项目依赖，所有开发依赖都在脚手架中。
• 默认提供 git 提交时格式化支持。
• 默认启用 reset.css 和 normalize.css。

有哪些约定

• 仅支持使用 scss 语法，less，stylus 都不支持。
• 图标库默认使用 [icones.js.org](https://icones.js.org/) 中的 1 万多个图标，妈妈再也不用担心我的图标不够用啦！

避免使用

• 对开发灵活性要求高的项目 (yite-cli 丢失部分灵活性，以求稳定性)。
• 需要动态路由的请不要使用 (动态路由还需研发)。
• 目前只支持单页应用开发 (ssg 等方案未做验证)。

推荐使用

• 中小型项目。
• 需要快速开发的项目。
• 不想换人接手就大喊重构的项目。

有什么优势

• 大量自动特性，提高效率。
• 大量约定配置，提高项目稳定性。
• 提供完整且完善的基本项目开发模板。
• 约定大于配置，适合多人合作。