Angular : 项目文件夹src目录结构及作用（实用、赞）

落日映苍穹つ 2022-04-22 02:08 280阅读 0赞

原文出处：[https://blog.csdn.net/Edison\_03/article/details/78928558][https_blog.csdn.net_Edison_03_article_details_78928558]

序言：**如果你想入门到精通Angular，首先必须要熟悉它的文件目录结构**。

参考：[Angular中文文档链接][Angular]

正文：

**1、新建项目文件后，会出现src和非src（这里我分为2类）。 **

src作用：存放应用代码（组件，模板，样式等等）。   
 非src作用：为构建应用提供支持用。  
![这里写图片描述][20171229102020870]

**2、src**  
![这里写图片描述][SouthEast]

**3、非src**  
![这里写图片描述][SouthEast 1]

**最后：**

如果想看各个文件或者文件夹的详细说明，请看官方文档（[英文][Link 1]，[中文][Angular]），这个中文文档编写的非常牛逼，看中文的绝对让你感觉到很清爽。

补一张全图： （来源：[Angular4.0的目录结构描述][Angular4.0] ）  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZWxlbl9qYWs_size_16_color_FFFFFF_t_70][]

[https_blog.csdn.net_Edison_03_article_details_78928558]: https://blog.csdn.net/Edison_03/article/details/78928558
[Angular]: https://www.angular.cn/guide/quickstart#src%E6%96%87%E4%BB%B6%E5%A4%B9
[20171229102020870]: /images/20220422/0a8f4c980ad64ee3a8b3c408b897871d.png
[SouthEast]: /images/20220422/e43e80434d174fba89bcfb1dc4159884.png
[SouthEast 1]: /images/20220422/86ff39c2b632462fb18296eabe40e15d.png
[Link 1]: https://angular.io/guide/quickstart#the-src-folder
[Angular4.0]: https://segmentfault.com/a/1190000011241640
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZWxlbl9qYWs_size_16_color_FFFFFF_t_70]: /images/20220422/26e13ad24de34d269eb86727aec821df.png