目录结构
node_modules  包含项目依赖的所有npm包
public  公共资源目录，包含不需要经过webpack处理的静态资源，如favicon.ico、index.html等
src     源代码目录，包含所有的Vue组件、模块和资源文件
assets  静态资源目录，包含样式文件、图片等
components  组件目录，包含所有的Vue组件
router  路由配置目录，包含应用的路由配置文件
store   状态管理目录，包含Vuex的状态管理文件
views   页面存放目录，存放系统中的页面，建议内部目录结构与路由层级保持一致
App.vue  根组件文件
main.js  入口文件，用于初始化Vue应用
dist     打包输出目录，包含打包后的文件

配置文件
package.json
Node.js 项目的核心配置文件
包含项目的元信息、依赖的第三方库以及自定义的命令等
在 Vue 工程中，该文件主要用于管理项目的依赖以及构建工具的配置

scripts  包含npm脚本命令，如serve用于启动开发服务器，build用于打包项目
dependencies      项目运行所依赖的模块
devDependencies   项目开发所需要的模块

.babelrc 或 babel.config.js
用于配置Babel，确保JavaScript代码兼容所有浏览器


package-lock.json
执行npm install时，Node会读取package.json获取模块名称，
并从package-lock.json中获取具体的版本号，然后进行下载或更新，确保每个node-modules版本下的其他依赖的固定版本


vue.config.js（如果存在）
用于覆盖和扩展vue-cli创建的webpack配置

vite.config.js
Vite 的配置文件，用于配置和定制 Vite 的行为和构建选项
Vite 是一个现代化的前端构建工具，专注于提供快速的开发服务器和热模块替换（HMR）

postcss.config.js
postcss 是一个利用JS插件来对CSS进行转换的工具