2021-02-05

Vue前端框架构建的目录文件关系解析（vue 2.X）

├── build/ # Webpack 配置目录
├── config/ # Vue基本配置文件(一般不用更改)
├── node_modules/ # 依赖包(npm install生成)

├── src/ # 源码目录（开发的项目文件都在此文件中写）
│ ├── assets/ # 项目的静态资源（CSS,外部JS,需提前处理）
│ ├── components/ # 公共组件
│ ├── routes/ # 路由，此处配置项目路由

│ ├── App.vue # 根组件
│ ├── main.js # 入口文件

├── index.html **# 主页
├── static/ # 放置无需经由 Webpack 处理的静态文件，通常放置图片类资源

├── package.json # 本项目的配置信息，启动方式
├── package-lock.json # 记录当前状态下实际安装的各个npm package的具体来源和版本号
├── README.md # 项目说明（很重要，便于其他人看懂）

此为初始页面（index.html内容）

index.html内容来自APP.vue

App.vue中export default 的名字为（‘App’），且有router-view（占位作用）
`

`

App.vue被路由设置在main.js中查看

App.vue内容来自（src/components/HelloWord.vue）

HelloWorld.vue的路由配置来自(src/router/index.js)