vue-cli项目工程

配置博客：
https://www.cnblogs.com/loveyaxin/p/10107550.html

选择配置

babel：将ES6.7.8打包成ES5的低阶语法
TypeScript：支持TypeScript书写源码
Progressive Web App （PWA） Support PWA 支持
Router 支持 vue-router
Vuex 支持vuex
CSS Pre-processors 支持CSS预处理器
Linter/Formatter 支持代码风格检查和格式化
Unit Testing 支持单元测试
E2E Testing 支持E2E测试

查看webpack的配置文件

老版本在config文件夹下可以查看
新版本下查看webpack的配置

vue inspect >output.js

工程目录

vue组件构成

app.vue
该文件是组件的聚合，所有存放在components中的vue组件都会在App.vue中进行聚合**
有三部分组成：结构、脚本、样式