vue 项目结构

作为一个新手当我们拿到一个新的项目的时候，常常不太清楚它的项目结构就很头痛，今天我给大家梳理一下vue的项目结构：
 node_modules文件：项目依赖文件夹

public文件夹：一般放置一些静态的资源(图片），需要注意的是放在public文件中的静态资源webpack进行打包的时候，会原封不动的打包到dist文件夹中

src文件夹(程序员自己代码放置的地方)

assets文件夹：一般也是放置一些静态的资源(一般放置多个组件的静态资源)，需要注意的是放置在assets文件夹里面的资源在webpack打包的时候，webpack会把静态资源当作一个模块，打包在JS文件里面。

components文件夹：一般放置的是非路由组件(全局组件)

App.vue:唯一的根组件 Vue当中的组件

main.js:程序入口文件也就是整个程序中最先执行的文件

bable.config.js:bable(bable配置相关的文件）

package.json文件：包管理工具，记录着项目使用的第三方库

package-lock.josn:缓存文件，记录着package.json中第三方库的来源