说明

下图是 @vue/cli 4.5.10 创建的 vue2.x工程：

目录说明

├── .git                  git目录
├── node_modules          依赖包
├── public                静态资源目录
   ├── index.html         首页
   ├── favicon.ico        图标
├── src                   vue源码目录
│  ├── main.js            打包入口js文件（重要）
│  ├── App.vue            根（父）组件
│  ├── components         组件目录，一般我们写的组件放入该目录下（重要）
│  │  └── HelloWorld.vue  vue cli脚手架写的例子
│  ├── assets             资源目录
│  │  └── logo.png
│  ├── routes             前端路由
│  │  └── index.js
│  └── views              页面目录
│    ├── About.vue
│    └── Home.vue
├── .gitignore            git忽略文件
├── README.md             项目介绍
├── package.json          npm包配置文件，里面定义了npm脚本，依赖包等信息（重要）
├── package-lock.json     锁定依赖版本号的，如果没有该文件，会下载依赖的最新版本，可能会不兼容
└── babel.config.js       babel配置文件

说明：

• index.html 解释详见 链接
• main.js 解释详见 链接
• App.vue 解释详见 链接

配置文件说明：

• package.json，详见 链接
• vue教程：vue.config.js 解释见 链接
• babel介绍

原文出处：/show_1IXOt7d8xsf.html