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'
            }
        }
    }

 

上一篇:day01_项目创建


下一篇:web.xml 文件报错:cvc-id.3: A field of identity constraint ‘web-common-servlet-name-uniqueness‘ matched