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
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
相关文章推荐
- 学习笔记之vue高仿饿了么课程项目--vue.js篇
- vue2.0 饿了么项目学习总结
- 学习笔记之vue高仿饿了么课程项目--布局篇
- vue项目学习09
- Android开发学习 之 二、Android项目结构
- cocos2d-x 学习笔记(1)关于cocos2d-x(环境配置,项目结构,文件说明)
- 黑马程序员_学习日记53_625三层项目(FTP相关操作、递归TreeView、三层结构)
- vue项目目录结构说明
- vue学习笔记-使用vue-cli脚手架快速创建vue项目工程
- Fiori2.0学习笔记-核心技术框架&基本项目结构
- .net mvc + vuejs 的项目结构
- android学习——android项目的的目录结构
- VUEX及VUE项目结构粗解
- Android studio 项目 目录结构简介 -- Android 学习之路
- Vue项目学习第一篇
- OA项目实战学习(5)——部门树形结构显示
- vue-cli入门(二)——项目结构
- Android开发学习之路--Android Studio项目目录结构简介
- vue项目学习06
- Android开发学习之路--Android Studio项目目录结构简介