3.目录结构分析

haigou-vue-app # 项目名称
    |-node_modules # 项目依赖
    |-public    # 资源文件，静态资源目录，如图片、字体等。
        ｜-img # 图片文件
        favicon.ico # 图标
        index.html # 首页入口文件，你可以添加一些 meta 信息或统计代码啥的。
        robots.txt
    |-src # 这里是我们要开发的目录，基本上要做的事情都在这个目录里
        |-assets    # 放置一些图片，如logo等
        |-components #  目录里面放了一个组件文件，可以不用
        |-router # 路由
        |-store # 状态管理器
        |-views # 页面
        App.vue # 项目入口文件，我们也可以直接将组件写这里。
        main.js # 项目的核心文件。
        registerServiceWorker.js
    .browserslistrc # 浏览器支持的规范配置
    .editorconfig # 编辑器的配置
    .eslintrc.js # 代码格式的校验规则
    .gitignore # git的忽略文件
    .babel.config.js # babel的配置，js高级的配置
    package.json # 项目配置文件
    README.md # 项目的说明文档，markdown 格式
    yarn.lock