新建vue项目中各个文件夹的作用

node_modules文件夹作用: 项目的安装依赖文件夹,由命令nmp install生成

public文件夹: 用于存放项目所使用到的一些静态资源(图片等），在最后webpack打包时会直接放入dist文件夹中，

index.html  -- 入口文件

src文件夹: 存储项目的有关源代码  <.主要包含assets/components/router三个文件>

assets文件夹:用于存放src文件夹中各组件使用到的静态资源(在webpack打包时会被当作一个模块打包到js文件夹里)

components文件夹: 一般用于放置非路由组件和全局组件

(补充路由组件和非路由组件内容补充:

一、路由组件与非路由组件的区别?
1、路由组件一般放置在pages或views文件夹。非路由组件一般放置components文件夹中。
2、路由组件一般需要在router文件夹中进行注册（使用的即为组件的名字)，非路由组件 在使用的时候，一般都是以标签的形式使用
3、注册完路由，不管是路由组件、还是非路由组件身上都有$route 、 $router属性。
————————————————
)

 

 router文件夹:  配置整个vue项目的路由，vue 是单页面应用的代表，这里面就是设置一个一个组件的地址的文件

App.vue文件:项目中唯一的根组件，组件就是模块

main.js文件：程序的入口文件，项目中第一个执行的文件

babel.config.js：项目的配置文件，一般用于兼容es5和es6语法

 package.json：记录vue项目的相关信息