File tree 1 file changed +3
-3
lines changed 1 file changed +3
-3
lines changed Original file line number Diff line number Diff line change @@ -59,16 +59,16 @@ components/
59
59
ProfileHeader.css
60
60
```
61
61
62
- 一些人还喜欢更进一步,他们根据组件在应用程序中的角色将组件文件组织到不同的目录中去。例如,[ 原子设计] ( http://bradfrost.com/blog/post/atomic-web-design/ ) 就是一种基于此原理的设计方法。请记住,将这些方法作为有用的示例而非必须严格遵守的规则,通常会更富成效。
62
+ 一些人还喜欢更进一步,他们根据组件在应用程序中的角色将组件文件组织到不同的目录中去。例如,[ 原子设计] ( http://bradfrost.com/blog/post/atomic-web-design/ ) 就是一种基于此原理的设计方法。请记住,将这些方法作为有用的示例而非必须严格遵守的规则,通常会更富成效。
63
63
64
64
#### 避免多层嵌套 {#avoid-too-much-nesting}
65
65
66
66
JavaScript 项目中的深层目录嵌套会带来许多痛点。在编写相对路径导入,或是在文件移动后更新这些导入将变得更加困难。除非你有非常令人信服的理由来使用深层目录嵌套,否则请考虑将单个项目中的目录嵌套控制在最多三到四个层级内。当然,这只是一个建议,它可能与你的项目无关。
67
67
68
68
#### 不要过度思考 {#dont-overthink-it}
69
69
70
- 如果你刚刚开始一个项目,[ 不要花超过五分钟] ( https://en.wikipedia.org/wiki/Analysis_paralysis ) 在选择项目文件组织结构上。选择上述任何方式(或提出自己的方式)并开始编写代码!因为,在你编写了一些真正的代码之后,你将很有可能会重新考虑它。
70
+ 如果你刚刚开始一个项目,[ 不要花超过五分钟] ( https://en.wikipedia.org/wiki/Analysis_paralysis ) 在选择项目文件组织结构上。选择上述任何方式(或提出自己的方式)并开始编写代码!因为,在你编写了一些真正的代码之后,你将很有可能会重新考虑它。
71
71
72
- 如果您感觉完全卡住,请先将所有文件保存在同一个文件夹中。它最终会变得足够大,以至于让你想要将其中一些文件拆分出去。到那时,你将对经常编辑的文件有了清楚的了解 。通常,将经常一起变化的文件组织在一起是个好主意。这个原则被称为 “colocation”。
72
+ 如果您感觉完全卡住,请先将所有文件保存在同一个文件夹中。它最终会变得足够大,以至于让你想要将其中一些文件拆分出去。到那时,你将有足够的知识去区分你最频繁编辑的文件 。通常,将经常一起变化的文件组织在一起是个好主意。这个原则被称为 “colocation”。
73
73
74
74
随着项目规模的扩大,人们通常会在实践中混搭使用上述这些方式。因此,在开始时选择“正确”的那个方式并不是很重要。
You can’t perform that action at this time.
0 commit comments