@ feature- sliced/ cli (英语)
从中快速生成地层、切片和片段的工具 特色设计。 。 。 .
安装
npm add -g @feature-sliced/cli
这将创建一个全局二进制 fsd。也可以在本地安装此 CLI,但您需要使用 npx 运行它.
使用量
生成实体层 client 包含索引文件和两个片段的切片, ui 财务报告和审定财务报表 api数字 :
fsd entities client --segments ui api
或者,简而言之:
fsd e client -s ui,api
如果您的工程中至少有一块, CLI 将会知道在哪里生成 。 否则,它将会在当前文件夹中生成,或者您可以指定自己与该文件夹的位置 --root 或者说 -r 选项.
其他例子
-
用一个
bottom-bar具有索引文件和片段的切片ui财务报告和审定财务报表api输入src/文件夹 :fsd w bottom-bar -s ui api -r src fsd widget bottom-bar -s ui,api -r src fsd widgets bottom-bar --segments ui,api -r src生产:
src/widgets/bottom-bar/index.(js|ts)(取决于您的项目)src/widgets/bottom-bar/ui/src/widgets/bottom-bar/api/
-
用切片生成地物层
employee/employee-record在切片组内employee数字 :fsd f employee/employee-record fsd feat employee/employee-record在检测到的 FSD root [^1] 或当前文件夹中,生成:
features/employee/employee-record/index.(js|ts)(取决于您的项目)
-
生成实体层
user切入内侧src/lib文件夹,必要时创建文件夹 :fsd e user -r ./src/lib fsd entity user --root ./src/lib生产:
src/lib/entities/user/index.(js|ts)(取决于您的项目)
-
用切片生成页面层
edit-note财务报告和审定财务报表note-list,每个部分ui财务报告和审定财务报表api数字 :fsd p edit-note note-list -s ui, api fsd page edit-note, note-list -s ui api在检测到的 FSD root [^1] 或当前文件夹中,生成:
pages/edit-note/index.(js|ts)(取决于您的项目)pages/edit-note/ui/pages/edit-note/api/pages/note-list/index.(js|ts)pages/note-list/ui/pages/note-list/api/
-
生成带有片段的共享层
ui财务报告和审定财务报表api和每个部分的索引文件 :fsd s ui api fsd s -s ui api fsd shared ui -s api在检测到的 FSD root [^1] 或当前文件夹中,生成:
shared/ui/index.(js|ts)shared/api/index.(js|ts)
贷项
感谢一个社区成员 Agent_RBY_ 用于执行大多数生成和检测逻辑.
许可证
该项目的源代码根据ISC许可证的规定来分配. 这就像麻省理工,但更好. 点击这里 来学习这意味着什么.
[^1]:一个FSD根是Feature-Sliced Design中包含切片的文件夹. 在一个项目中可以有几个独立的根.