vue项目结构详解

天行健，君子以自强不息；地势坤，君子以厚德载物。

每个人都有惰性，但不断学习是好好生活的根本，共勉！

文章均为学习整理笔记，分享记录为主，如有错误请指正，共同学习进步。

宫女如花满春殿，只今惟有鹧鸪飞。
——《越中览古》

文章目录

• vue 项目结构
• • 1. vue 项目结构概览
  • 2. vue 项目结构详述
  • • 2.1 build
    • 2.2 config
    • 2.3 node_modules
    • 2.4 src
    • 2.5 static
    • 2.6 index.html
    • 2.7 package.json
    • 2.8 .xxx 文件
    • 2.9 README.md

Vue3 入门

vue 项目结构

1. vue 项目结构概览

项目结构概览表格

2. vue 项目结构详述

2.1 build

关于 build 文件夹的内容详述
build 目录时构建脚本目录
build 目录下的文件与说明如下表

2.2 config

config 是 vue 项目配置文件目录
关于其中的文件和描述下表

2.3 node_modules

该目录是 vue 项目的 npm 加载依赖模块的存储目录，用于存放 npm 加载的项目依赖模块

2.4 src

src 目录是开发目录，开发的内容基本都在这个目录完成
该目录包含的文件和目录如下表

2.5 static

static 目录是静态资源目录，用于存放图片、字体等资源，不会被 webpack 构建

2.6 index.html

index.html 文件为首页入口文件，可添加一些 meta 信息或统计代码等。该文件是应用的模板文件，vue 应用通过这个文件页面来运行，也可通过 lodash 等模板语法在这个文件中插值。注：index.html 文件不是负责管理页面最终展示的模板，而是管理 vue 应用之外的静态 html 文件，一般用在高级功能的时候会修改该文件

2.7 package.json

package.json 文件是项目配置文件，即 npm 包配置文件，定义了项目的 npm 脚本、依赖包等信息

2.8 .xxx 文件

以. 开头的文件，是一些配置文件，如语法配置、git 配置等
如下表是一些常用文件

2.9 README.md

README.md 是项目说明文档，markdown 格式

感谢阅读，祝君暴富！