Skip to content

🚀🚀🚀 Developed a front-end scaffold based on PNPM and Turborepo, aimed at quickly creating various types of projects for users.

License

Notifications You must be signed in to change notification settings

nyhxiaoning/create-neat-2024cli

 
 

Repository files navigation

Create-Neat


Create-Neat 是一款轻量级脚手架工具,专为提供 开箱即用零配置体验而设计,旨在帮助用户快速且轻松地构建项目,同时支持多样的技术栈选择。

一、背景 📖

当前社区中已有众多优秀的前端脚手架工具,如 create-vite、create-next-app 和 create-react-app 等。这些工具在设计上确实优秀且强大,但仍然面临两个主要问题:

  • 黑盒环境:新手在使用这些工具时,配置过程较为复杂,存在较高的学习成本和心智负担。
  • 灵活性不足:许多脚手架工具仅专注于特定技术栈,若需要集成其他技术栈,往往需寻找额外的脚手架。

Create-Neat 旨在解决上述问题,使开发者能够快速创建项目,无需担心复杂的配置,同时提供广泛的技术栈选择 🚀🚀🚀。

二、关于我们 🧰

核心特点

  • 📦 零配置,开箱即用。
  • 🚀 插件式项目生成:根据用户需求灵活生成不同基础项目。
  • 🧠 支持无限扩展的架构:框架、构建工具和插件的潜力无限。
  • 💯 丰富的使用教程和代码注释:帮助每位社区成员快速学习前端工程化相关知识。
  • 👌 完善且细致的贡献流程:手把手指导从学习到贡献的过程。
  • 🔸 更多特性等待你的贡献!

社区支持

  • 🌈 活跃的社区氛围:提供丰富的技术交流和学习资源,帮助开发者快速成长。
  • ⚙️ 定期更新与维护:定期更新工具,修复bug、完善功能、加入新的技术栈支持。
  • 🎉 用户友好的体验:专注于用户体验,力求让每一位用户都能享受到流畅、无阻的开发过程。

三、快速开始 🚩

安装依赖

npm install -g create-neat

创建项目

create-neat <project-name>

输入命令 create-neat my-app 后,控制台将提供以下功能选择:

create-you-app

♦ Please pick a preset:
● Default-lib ( `[common-lib]` eslint, babel, webpack )
○ Default-vue ( `[vue]` eslint, babel, webpack )
○ Default-react ( `[react]` eslint, babel, webpack )
○ Manually select preset

根据需求选择对应框架,或通过 Manually select preset 进行自由组合。create-neat 将根据选择的预设创建不同的开箱即用应用程序,选项包括:

  • 框架reactvue类库/工具库
  • 构建工具webpackvite 等。
  • 插件eslintprettiertypescriptbabelswc 等。
  • 其他选项:包管理器、镜像源等。

这些选项通过我们的设计抽象层,在生成器架构中创建最终项目。

若项目创建成功,可查看如下效果图:

项目创建成功

启动项目

cd <project-name>
npm start

至此,你可以开始项目的开发了!如欲深入了解项目启动方式、架构等细节,欢迎加入我们的社区群或查阅文档网站(建设中)。

四、贡献者 👊

感谢以下贡献者的支持,诚邀更多技术大佬加入我们的行列!

贡献者名单

五、贡献指南 📑

查看贡献指南文档

六、加入我们 🔗

如果您正在使用这个项目或者对这个项目感兴趣,可以通过以下方式支持我们:

  • Star、Fork、Watch 一键三连 🚀🚀🚀

我们很乐意在 create-neat 中得到您的帮助,看到您的贡献,如果你想获取到更多信息以及如何开始,欢迎通过添加微信号Tongxx_yj/yunmz777加入我们!

About

🚀🚀🚀 Developed a front-end scaffold based on PNPM and Turborepo, aimed at quickly creating various types of projects for users.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 65.3%
  • JavaScript 26.3%
  • CSS 3.2%
  • Vue 2.0%
  • Shell 1.5%
  • EJS 1.2%
  • HTML 0.5%