# vueBaseV2.0

**Repository Path**: gyq2/vue-base-v2.0

## Basic Information

- **Project Name**: vueBaseV2.0
- **Description**: vue2+基础架构（适用于中大型项目，小型项目需要再做增减）
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-08-28
- **Last Updated**: 2022-10-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue项目说明

> vue版本2.5.2

## 前端环境/工具/语法
* Node.js
* Yarn
* VsCode ( 开发工具，不是必选，可根据开发者喜好自行选择 )
* Eslint  语法规范检测

## 项目初始化

```javascript
// 项目初始化时需要 install 安装开发依赖

npm/yarn install
```
 
## 工程目录解释 (适用于功能较为复杂，多人协作项目)

```javascript
    
    build                   // 用来存放项目构建脚本，打包相关配置都在这里

    config
        dev.env.js          // 开发环境
        index.js            // 本次项目没有使用代理，跨域是后台解决的，如果需要前端配置，可在此进行代理配置
        prod.env.js         // 生产环境

    src                     // 这个目录下存放项目的源码，即开发者写的代码放在这里
        api                 
            api             // 公共接口
            modules         // 按模块划分--如果项目较小的话不需要区分，一个api.js文件即可
        common              
            componnents     // 公用组件
            style           // 公用less
            index.js        // 全局组件注册
        filters             // 全局过滤方法
        options             // 配置文件（用于区分开发/生产环境公用地址）
        router              // 路由配置文件
            index.js        // 出口（目前相对于多个路口，简单的项目一个Index.js即可）
        store               // 状态管理
            modules         // 按模块来区分，项目不复杂的情况下，一个Index.js即可
            getters.js      // 是store的计算属性
            index.js        // store 入口
        utils
            message         // 消息抽取公用方法
            auth            // 权限
            basePage        // 常用的表格增删改接口请求方法抽取
            consts          // 常用常量抽取-用于写死的数据，抽取成公用文件方便修改
            directive       // 全局自定义注册指令
            downloadFile    // 文件下载
            pageable        // 表格共用属性抽取
            request         // 全局请求配置
            rule            // 公用表单验证方法
            session         // session配置
            tree            // 递归方法
            util            // 
        views               // 文件下的每一个文件夹都是独立的功能
        App.vue             // 项目的主组件，所有页面都是在app.vue下切换的.vue下切换的
        main.js             // 页面程序入口文件，加载各种公共组件
        permisssion.js      // 白名单，用于全局路由拦截设置
    static                  // 静态资源，如图片、视频等
    .editorconfig           // 编辑器配置
    .eslintignore           // eslint忽略配置
    .eslinttrc.js           // eslint配置
    .gitignore              // git提交忽略配置
    index.html              // 项目的首页，入口页，也是整个项目唯一的HTML页面
    package.json            // 定义了项目的所有依赖，包括开发时依赖和发布时依赖
    README.md               // 项目说明
```

###  所需基础框架配置

```说明
该项目版本：v2.5.2
基础框架需保留结构：
    build
    config
    src/api/index.js
    src/common/*
    src/filters
    src/options
    src/router/*
    src/store/getters.js
    src/store/index.js
    src/utils/request
    src/views
    App.vue
    main.js
    permisssion.js      // 白名单，用于全局路由拦截设置，根据业务需求来选择，可选
ps: 以上配置内容详见上方：工程目录解释
```

###  开发环境

```javascript
npm/yarn run dev
```

###  项目打包

```javascript
npm/yarn run build
```

###  基础框架代码地址

```地址
https://gitee.com/gyq2/vue-base-v2.0.git
```