vue结构解析（各个文件代表了什么）

|- .git：    是一个为git客户端增加git工具，用于存储自己的版本库（或者叫.svn根据自己的配置会有不同名字的版本库）
|- biuld：  vue2.0的配置，项目打包时候的配置文件（现如今的vue项目，可使用vue.config.js进行打包配置）
|- node_modules: node的一些基础依赖包，可能还有拓展的安装的别的插件（npm install下载的依赖包，主要是根据package.json获取对应的依赖包）
|- public： 存放一些主要的打包文件，如index.html等等，可以放置一些需要在index.html配置的文件

|- src：项目的主文件夹（vue是SPA单页面应用,可以看做是一个主页面的应用里面的内容组件详情可看vue 代码格式解析）
       |- assets：          资源文件，用于存放一些静态文件，如字体、图片、css样式之类的
       |- components： vue主要内容的公共组件，可以进行复用
       |- router：           设置路由，指定路由对应的组件
       |- route：            main.js中的router是通过router文件映射，而router下的index.js是项目链接的关键，通过设置路径将views中的vue文件关联起来
       |- main.js：         项目的主js，全局使用的各种变量、js、插件都在此定义和引入；整个项目先加载src里的main.js，通过里面的app元素生成vue对象，再将router里面的路由加载进去，结果在app的vue中呈现
       |- app.vue：       项目的入口文件
       |- store：            放置vuex需要的状态关联文件，设置公共的state等,是公共数据管理器，关联页面都可随时访问数据，是一个专为vue.js应用开发的状态管理模式，集中式存储管理应用的所有组件的状态
       |- test：              测试文件目录

|- .editorconfig：         是用来帮助开发者定义和维护代码风格（行尾结束符、缩进风格等）editorconfig配置文件网
|- .env：                     全局默认配置文件，无论什么环境都会加载合并

• .env.development：开发环境下的配置文件
• .env.development： 开发环境下的配置文件
  npm run serve(或者npm run dev 主要看 package.json) 会合并 .env 文件
• .env.production： 生产环境下的配置文件
  npm run build 会合并 .env 文件

|- .eslintignore：        指定忽略的文件,不需要eslint校验文件； eslint校验对不符合规范代码报错
|- .eslintrc.js：           eslintrc的配置文件，vue项目自带的文件，各个eslint配置项的作用；ESlint是一个检查代码的工具
|- .gitignore：            可以避免在提交代码时把我们不想上传的文件提交到git中； LICENSE：开源协议的说明
|- package.json：     记录作者、项目入口、项目描述、项目依赖等相关信息
|- pnpm-lock.yaml： 记录详细的依赖版本
|- postcss.config.js：插件，利用js插件对CSS进行转换
|- prettier.config.js： 配置文件，保持代码风格统一
|- README.md：     项目用的到的所有插件的json格式
|- stylelint.config.js：让CSS样式代码在编辑、保存、提交git的时候按规范进行检查及美化
|- tsconfig.json：      配置文件

1. vue的文件结构其实就是一个index.html
   
   中间的内容，用的是vue，但最终都会转译为html内容html、css、js