vue知识掌握(二)

本文将会介绍初始化的Vue项目的文件目录

如图:

1.打包文件夹,里面主要是一些关于项目打包的配置文件,以及一些关于热模块加载的配置信息
2.配置文件夹,里面主要配置开发环境和生产环境的信息,包括调试端口、代理地址、相对路径、绝对路径等。
3.node依赖包,这里面都是利用npm下载下来的依赖文件。
4.src这个文件夹比较关键,这个是我们主要编写代码的文件夹,项目自带有三个文件夹:
assets: 资源文件夹,主要用于存放各种图片资源、样式资源等
components: 组件文件夹,这里面主要用来存放各种组件文件,一般开发会把一些公共、通用的组件放到这里,其它页面会另创文件夹
5.router: 路由配置文件夹,很多人一开始对路由不是很理解,其实也就是页面的注册,或者叫组件注册。
另外两个文件app.vue和main.js,算是两个项目默认生成的文件吧,你可以重新,不过一般没这个必要。
6.静态资源路径,也是放资源的路径。其实这个文件夹可有可无。

7.是大家都很熟悉的index文件,不过想通过双击预览效果是不行的,需要我上一篇文章所提到的必须启动项目才行。
(npm run dev)
8.算是项目的依赖包目录吧,使用json编写,不允许有半点语法错误。

posted @ 2018-09-03 21:49  可气乐  阅读(137)  评论(0编辑  收藏  举报