详细目录结构树
使用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文件夹在新建项目中一开