Skip to content

概览

目录结构

目录/文件用途说明是否可选
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 后缀的文件
  • templatestylescript 标签结构