您的位置:首页 > 产品设计 > UI/UE

vue饿了么学习-第五篇(项目结构)

2017-09-05 17:42 381 查看
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: