概览
目录结构
| 目录/文件 | 用途说明 | 是否可选 |
|---|---|---|
node_modules/ | 存放项目依赖的第三方模块。 | 必需 |
public/ | 存放静态资源,如favicon.ico。此目录下文件不经过构建处理。 | 必需 |
src/ | 源码目录,我们编写的代码基本都在这里。 | 必需 |
∟ assets/ | 存放静态资源,如图片、样式等。 | 可选 |
∟ components/ | 存放可复用的Vue组件。 | 可选 |
∟ views/ | 存放页面级组件,通常与路由对应。 | 可选 |
∟ router/ | 存放路由配置。 | 可选(若使用路由) |
∟ store/ | 存放 Vuex状态管理的相关文件。 | 可选(若使用状态管理) |
∟ App.vue | 根组件,所有其他组件都在此组件中渲染。 | 必需 |
∟ main.js/ts | 程序入口文件,初始化Vue实例。 | 必需 |
package.json | 项目的配置文件,包含项目信息、依赖和脚本命令等。 | 必需 |
| 其他配置文件 | 如 .gitignore, babel.config.js, eslintrc.js等,用于工程化配置。 | 可选 |
单文件结构
页面或组件文件都:
- 是
.vue后缀的文件 - 有
template、style、script标签结构