vue项目 目录结构推荐

好的目录结构可以方便合作开发，下面是我常用的目录结构，其中添加了自己常用的一些文件，大家可以对照着初始结构去看

|-- node_modules
    |-- .browserslistrc
    |-- .editorconfig
    |-- .eslintrc.js
    |-- .gitignore
    |-- babel.config.js               
    |-- package-lock.json
    |-- package.json
    |-- postcss.config.js
    |-- README.md
    |-- vue.config.js                 //vue配置文件
    |-- public
    |   |-- favicon.ico
    |   |-- index.html
    |-- src
        |-- App.vue                   //基础组件
        |-- main.js                   //入口文件
        |-- api                       //接口文件
        |   |-- index.js
        |-- assets                    //静态资源
        |   |-- font
        |   |-- img
        |-- components                //组件
        |-- config                    //项目配置
        |   |-- index.js
        |-- directive                 //指令
        |-- lib
        |   |-- utils.js              //业务有关
        |   |-- tools.js              //业务无关
        |-- mock                      //mock
        |   |-- index.js
        |-- router                    //路由
        |   |-- index.js
        |   |-- router.js
        |-- store                     //状态管理
        |   |-- actions.js
        |   |-- index.js
        |   |-- mutations.js
        |   |-- state.js
        |   |-- module
        |-- views                     //视图