[TOC] # 项目文件目录 ``` ├── node_modules // 第三方依赖包 ├── public // 公共资源 │ ├── favicon.ico │ └── index.html // 入口 HTML 文件 ├── src // 源代码目录 │ ├── assets // 资源目录,图片等 │ │ └── logo.png │ │── components // 组件目录 │ │ ├── HelloWorld.vue │ │ └── ... │ ├── router // 路由目录 │ │ └── index.js │ ├── views // 页面目录 │ │ ├── Home.vue │ │ └── ... │ ├── App.vue // 根组件 │ └── main.js // 入口 JS 文件 ├── .eslintrc.js // ESLint 配置文件 ├── .gitignore // Git 忽略的文件 ├── babel.config.js // Babel 配置文件 ├── package.json // 项目依赖和配置 └── README.md // 项目说明 ``` > src 目录包含我们实际开发的代码: - assets 目录用于存储静态资源,如图片等 - components 目录用于存储组件 - router 目录用于存储路由,index.js 是路由配置入口文件 - views 目录用于存储页面组件 - App.vue 是根组件 - main.js 是入口文件,用于挂载 App 和初始化 vue-router 和 vuex > 其他文件: - .gitignore 用于配置不提交给 Git 的文件 - .eslintrc.js 用于 ESLint 检查配置 - babel.config.js 用于 Babel 转换配置 - package.json 用于配置项目依赖、名称、版本、 LICENSE 等信息