使用前提:基于 umi2.0 的目录结构,遵守路由文件在 src/config/app.config.ts
的时候才会自动写入路由,否则会有问题。
-
先执行
npm link
-
acr init
- 选择是需要在哪个工具中创建
(appName)
,即fe/app
下你项目的工具文件名称。 - 选择需要创建的类型,需要创建新的组件还是新的页面。
- 输入要创建的文件夹或者文件名称。具体可以看注意事项。
- 选择是需要在哪个工具中创建
输入要创建的名称,工具会默认将其看作是文件夹名称,如果需要创建文件,需要自己带上文件类型,也就说如果你输入的名字是 newFile
,那么将创建对应的页面或组件,最终创建的结果类似于 src/pages(components)/newFile/index.tsx
。如果你要创建带后缀的文件 newFile.tsx
,则工具会帮你创建 src/pages(components)/newFile.tsx
文件。其中单层和多层文件目录同样也适用此规则。
支持两级文件夹的创建,最多层级为 a/b/c.tsx