Q: 有没有关于 Vue3 代码风格组件风格统一标准、插件的 Simple Template 项目?

[anonymous2351d00]

intro

感觉自己写来写去都像是野生程序员写的辣鸡代码，所以想求一份代码

requirements

• 1.代码风格良好
• 2.贴近标准化 /统一化(大家约定了，都这么写)的代码示例
• 3.组件抽象的很好的
• 4.状态管理不凌乱的
• 5.clean code

ps

欢迎对自己代码质量有信心的朋友们贴 github 链接

[xlzy905]

https://github.com/honghuangdc/soybean-admin

[anonymous2351d00]

@xlzy905 好漂亮啊这个 UI

[konakona]

@xlzy905 优雅！

[wufumina]

@xlzy905 感谢，为何这么丝滑流畅

[dssxzuxc]

看过了很多 vue3 的 admin 项目，1#这个质量非常高，无论是学习 ts ，了解 vue3 最新的生态(vue3 vite3 unocss 各种 vite 插件等)，学习组件封装等等，都很合适

[Bingchunmoli]

@xlzy905 优点是写的好，缺点是写的太好了，我的问题，有些看得不是很懂 (⁠ﾉ⁠◕⁠ヮ⁠◕⁠)⁠ﾉ⁠*⁠.⁠✧

[wanguorui123]

http://vue.easydo.work

[xlzy905]

soybean-admin 是由 soybean 作者开源的 admin 我用过很多 vue3 开源主流的 admin 但是这套目前我看来是质量最高的一个项目 能看到作者的用心和对技术的追求

[FakerLeung]

@konakona 是怎么定义 [优雅] 两个字的？

[anonymous2351d00]

@FakerLeung 可能每个人的标准都不一样，大概分为以下几种？

# 不通用(技术层面)
- 1.代码 /组件抽象的好,复用性极强?
- 2.抽象不抽象的放在一边，谁来了都觉得，嗯~代码解构清晰，短时间就可以上手改一改？
- 3.类设计的很清楚，职责明确功能单一等等?
- 4.可扩展性强？

# 通用(风格 /文件解构层面)
- 1.代码风格统一，每个文件都找到自己该放在的文件夹下面，文件树深度<=3 ?
- 2.代码干干净净，注释很干练精准，变量应少尽少?

好像自己考虑一个项目会从以上几个角度去考虑，干净整洁，落落大方，干练精准。

[anonymous2351d00]

@FakerLeung 也可能是因为自己的技术水平不达标，看不懂高深的代码所以觉得不好，嘿嘿。

[FakerLeung]

@anonymous2351d00
我也不达标，就是想学习下优雅的代码应该怎么写。😆