|- .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： 配置文件
vue的文件结构其实就是一个index.html 中间的内容，用的是vue，但最终都会转译为html内容html、css、js