使用Vue CLI 5.0工具创建出一个新的项目目录

详细目录结构树

使用Vue CLI 5.0工具创建出一个新的项目

vue_basic

├── dist  //项目构建后的输出目录
├── node_modules
│   └── ...  // 各类依赖
├── public
│   └── index.html  // 项目主入口文件
│   └── ...  // 其他公共资源
├── src
│   └── assets  //静态资源
│       └── logo.png
│   └── components  //公共组件
│       └── HelloWorld.vue
│   └── plugins  //插件资源
│       └── axios.js
│   └── router  //路由配置
│       └── index.js
│   └── store  //vuex文件
│       └── index.js
│   └── views  //视图组件
│       └── About.vue
│       └── Home.vue
│   └── App.vue  //根组件
│   └── main.js  //入口文件
├── .gitignore  //Git上传时需要忽略的文件列表
├── babel.config.js //  js 编译器，兼容低版本的 es 语法
├── vue.config.js   // webpack的基本配置
├── jsconfig.json   //表明该目录是 TypeScript 项目的根目录
├── package.json  //项目的基本配置信息文件
├── package-lock.json  //版本管理使用的文件
├── README.md  //项目的描述文件
├──.browserlistrc  //Browserslist 是一个前端项目配置工具，功能是在前端工具之间共享目标环境的浏览器信息。
├── ...  //其他依赖的独立配置信息文件

一. dist

dist文件夹在新建项目中一开