vue饿了么学习-第五篇（项目结构）

1.引入外部自愿resource文件夹到主目录下。

2.所有的开发项目都放在src文件下，在src中，

有一个main入口文件，

有一个app.vue实例，它是整个项目页面的实例化对象。

一个assets文件，

一个component文件。

4.对src目录的扩展：

通常开发的时候，src-component目录下，再创建一个子目录，比如Header目录-Header.vue页面，（方便就近维护）

src下新增一个common目录，（包含公共模块和资源），并在它下面创建三个子目录：js -> styles（sass/less预处理器）-> fonts（web字体）；把刚才制作好的web字体解压以后，复制font文件下面的四个到项目的fonts下，把解压后的styles.css复制到项目的styles下，修改style.css的名字为字面量的形式并修改后缀名，方便以后管理。比如我修改为（imocFont.style）打开文件，把文件中所有的大括号和分号删除，因为.styl不能识别它们。

5.最后目录结构如下图

新增的recourse提取：链接: https://pan.baidu.com/s/1dFvmj09 密码: h89u