# Vue+element模板项目

**Repository Path**: mo_zhenshuang/vue-element-template-project

## Basic Information

- **Project Name**: Vue+element模板项目
- **Description**: 该仓库为Vue2和element UI的模板项目，旨在帮助开发者省去前面麻烦的创建项目结构的步骤。
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2023-02-26
- **Last Updated**: 2024-04-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue2+element模板项目

## 介绍👏

该仓库为Vue2和element UI的模板项目，旨在帮助开发者省去前面麻烦的创建项目结构的步骤🚀。

### 软件架构

项目已添加的组件如下：

- Vue2
- Eelement UI
- vue-router
  - 路由守卫
- Vuex
- nprogress（导航进度条）
- babel-plugin-component（按需导入组件）
- axios
- vue-axios
- mock（模拟接口）

### 安装教程

1.  npm install
2.  npm run serve

### 使用说明📢

1.  关于开发、测试、生产场景配置🔨

模板项目对于每一个场景的base api url都进行独立配置，省去在部署值生产环境时还需要对接口地址进行更换的步骤。接下来是对模板项目各个场景的base api url配置的说明：

配置文件都位于根目录下，

- 开发环境配置文件：<font style="color:red">`.env.development`</font>

  文件内容如下：

  ```bash
  # 开发环境
  NODE_ENV=development
  # 开发接口地址
  VUE_APP_API_URL="http://127.0.0.1:8080"
  ```

  

- 生产环境配置文件：<font style="color:red">`.env.production`</font>

  文件内容如下：

  ```bash
  # 生产环境
  NODE_ENV=production
  # 生产环境接口域名
  VUE_APP_API_URL= "http://127.0.0.1:8081"
  ```

  

- 测试环境配置文件：<font style="color:red">`.env.test`</font>

  文件内容如下：

  ```bash
  # 测试环境
  NODE_ENV=test
  # 测试环境接口域名
  VUE_APP_API_URL= “http://127.0.0.1:8083”
  ```

  

### 如何参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request