280798764 / date-master-date

vue-project

A Vue.js project

项目结构

Vue2.X项目结构

技术栈：vue, vue-router, vuex, axios, iview, less

├──src
    ├── assets
        ├── images
            ├── icons
            ...
        └── styles (样式)
            ├── modules
            ├── pages
                ├── demoPage1
                    ├── index.less
                    ├── detail.less
                    ...
                ├── demoPage2
                ...
            ├── color.less
            ├── common.less
            ├── form.less
            └── my─iview.less
    ├── components (组件)
        ├── layout
            ├── Header.vue
            ├── Sider.vue
            ├── Footer.vue
            └── Index.vue
        ├── modules (通用组件)
            ├── Panination.vue
            ├── Navigation.vue
            ├── CustomTable.vue
            ├── DlgConfirmReason.vue
            ├── index.js
            ...
        └── pages (按页面功能分组定义组件)
            ├── login
                ├── Login.vue
                ...
            ├── demoPage1
                ├── Index.vue
                ├── Detail.vue
                ...
            ├── demoPage2
            ├── demoPage3
            ...
    ├── const (静态常量，数据字典)
        ├── enumData.js
            ...
    ├── router (路由配置)
        ├── routes
            ├── login.js
            ├── demoPage1.js
            ├── demoPage2.js
            ...
        └── index.js
    ├── store (状态管理)
        ├── stores
            ├── login.js
            ├── common.js
            ├── file.js
            ├── demoPage1.js
            ├── demoPage2.js
            ...
        └── index.js
    ├── utils (工具类)
        ├── ajax.js
        ├── config.js
        ├── mixinsXXX.js
        ├── tool.js
        ...
    ├── App.vue
    └── main.js

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.