Vue项目划分目录结构

先把不需要的给删除了

assests 就是资源的意思：可以存放一些静态资源css 、img

　　css 里首先放一个 初始化css normalize.css和base.css

components 一般就放公共的组件 在这个里面我一般再分为 一个common组件 一个 content组件

　　common组件 ：可以在下个项目也可以使用公共组件

　　content组件：满足此项目业务的组件

views  大的页面视图组件放在一个我们新建的 views里

router 就是路由了

store 就是 vuex 状态管理仓库

network 是axios 网络请求相关的

common 公共的js文件 

　　util.js 公共的方法工具

　　const.js  可以存一些的常量 比如 vuex 里的mutations的名称通用

---------------------------------------------------------

配置路径别名

vue.config.js里配置

 configureWebpack: {
        resolve: {
            // 别名
            alias: {
                'assests': '@/assests',
                'common': '@/common',
                'components': '@/components',
                'network': 'network',
                'router': '@/router'
            }
        }
    }

 

 

node_modules 安装依赖的模块

public  公共资源  --index  呈现的页面的模板

src 代码的核心目录

.browserslistrc  打包时用的 

> 1%  打包兼容市场份额大于百分之1的浏览器
last 2 versions  以最后两个版本
not dead

.gitgnore  排除 一些文件可以 不提交 比如 node_modules

babel.config.js 配置 babel相关的

package.json   整个目录的描述 开发生产依赖 和一些启动 目录

vue.config.js 配置 webpack的 配置  开发者自己写的配置 vue-cil 会自己 合并到 webpack配置 中