html5基础项目文件分布

              对于刚写项目的新手来说，项目的文件结构很是迷茫，今天就为大家整理一下！

一般来说项目一共就三个文件夹：img、js、css这三个文件夹，但是再引入其他的插件、框架什么的情况下，项目的文件夹就多到头疼了！

我基本现在写项目的时候会分开来写：html一个文件放除去index.html外的其他页面文件；css放所有的css文件，包括字体文件，less文件，scss文件；img放所有的图片文件，svg文件我会放置到这个文件夹；js放置所有除必要放置在根目录的其他js文件！

抓了三个典型的项目让你们看一下：

图一是我写的一个项目，这个项目还在写，在根目录只有一个首页文件，和一个配置文件，这两个是必要放在根目录的，其余能放进文件夹的都被我装进文件夹了。

图二是我另一个项目，这个项目在根目录有几个文件是插件的，剩下几个是登录的和微信登陆的。这个由于在项目开始的时候没有规划文件夹的放置问题，显得有点散乱，作为一个强迫症患者，看着总感觉不舒服！

图三这个是我早期的项目，没有任何的整理，分类，下边还有一堆的页面文件。所以这个项目在我面试的时候基本是不用的！

再精细的布局，没有好的管理一样白搭！

在一些文件放置到文件夹之后，怎么有效的管理好跳转呢？这就需要在js里规定跳转路径了！好吧，这回就说到这吧，其他的有时间再说！

再精细的布局，没有好的管理一样白搭！