Vue项目文件名详解_vue中src目录下的components文件夹

项目创建成功后，就会显示各种各样的自带文件夹

然后第一个node_modules文件夹里安装的都是依赖包

 public文件夹里存放的都是公共的静态资源

 src文件夹里的assets文件夹一般存放的都是静态资源，例如：图片，图标等

 src文件夹里的components文件夹里存放的都是公共组件。如页眉， 页脚，广告，网格或任何自定义控件之类的示例，如样式化的文本框或按钮。可以在视图内部访问一个或多个组件，但是自己写项目时不需要它自带的公共组件，需要我们自己重新创建，所以在写项目之前会删除自带的公共组件

 src文件夹里的router文件夹里的index.js文件夹里放置的是路由相关的配置，有些自带的配置不需要也得删除，后续自己再引入需要的

 src文件夹里的store文件夹里的index.js文件夹里放置的是Vuex相关配置，不需要动

 src文件夹里的views文件夹里放置的是路由对应的文件，也就是“页面”。一个视图可以具有一个或多个组件，并且一个视图实际上打算由导航URL访问。

 src文件夹里的app.vue文件夹里都是路由组件的顶层路由，App. vue是我们的根组件(使用标签渲染整个工程的.vue组件) ，所有页面都是在App. vue下进行切换的。也可以理解为所有的路由也是App. vue的子组件。所以我们将router 标示为App. vue的子组件。自己写项目时不需要它自带的，所以得删除，重新写入

 src文件夹里的main.js文件夹里放置的都是vue入口文件，整个项目工程入口，用于全局配置，主要作用是初始化vue实例并使用需要的插件。