目录结构

目录结构：

${root}/

        build/

        config/

        dist/

        node_modules/

        src/

                api/

                assets/

                        images/

                        fonts/

                components/

                        ........根据组件功能命名目录

                icons/

                router/

                store/

                styles/

                utils/

                views/

                        layout/

                        login/

                        ....项目中其它一级目录

                                components/

                App.vue

                main.js

                permission.js

                static/

目录用途说明：

build: 项目打包脚本

confing: 本地运行和打包配置文件

dist: 项目打包好发布的文件

node_modules: npm install 安装目录

src: 开发目录

        api: 请求后台接口，根据业务模块创建请求后台方法的js文件

        assets: 开发资源目录

                images: 图片资源

                fonts: 字体资源

                .......

        components: vue组件目录。

        icons: 图标目录

        router: 页面路由

        store: 状态数据管理目录，vuex。

        styles: 样式目录。里面放的是sass文件。是自己项目样式框架，可供其它项目公用

        utils: 共用工具库。

        views: 视图文件

                ....根据项目业务一级分类

                        components: 这个单独用不可复用的组件

        static: 静态文件资源