# easyapi-service

**Repository Path**: easyapi/easyapi-service

## Basic Information

- **Project Name**: easyapi-service
- **Description**: EasyAPI服务中心
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-09-07
- **Last Updated**: 2021-12-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# EasyAPI服务中心 [http://service.easyapi.com](http://service.easyapi.com)

## 项目介绍
本模块主要是EasyAPI服务中心，可以查看服务市场购买的服务，并进行密钥管理，成员管理等功能。

## 相关技术和第三方库

* [vue2.0中文网](https://vuefe.cn/v2/guide/)
* [ECMAScript 6 入门](http://es6.ruanyifeng.com/)
* [vuex中文文档](https://vuex.vuejs.org/zh-cn/)
* [vue-router2中文文档](https://router.vuejs.org/zh-cn/)
* [view-design组件库](https://www.iviewui.com/)
* [vue-cli脚手架](https://github.com/vuejs/vue-cli)

---

## 开发调试

``` bash
# Project setup
yarn install

# Compiles and hot-reloads for development
yarn run serve

# Compiles and minifies for production
yarn run build

# Run your tests
yarn run test

# Lints and fixes files
yarn run lint
```

## 项目目录结构

``` bash
├── README.md
├── public                  #静态资源文件夹，绝对路径来引用
├── dist                    #打包后输出文件夹
├── index.html              #入口
├── node_modules            #依赖模块
├── package.json
├── src                     #源码
  ├── App.vue
  ├── assets                #静态资源
  │   ├── icons             #自定义图标
  │   ├── images            #图片
  │   └── styles            #样式表
  ├── components            #业务组件
  ├── libs                  #依赖工具函数
  ├── locale                #多语言文件
  ├── main.js
  ├── pages                 #页面文件
  ├── router                #路由配置
  ├── api
  │   ├── api.js            #API列表
  │   └── request.js          #Ajax封装
  └── store                 #Vuex配置
└── static                  #静态资源文件
  └── images                #图片

```

## 命名规范

* 使用kebab-case（短横线）命名方式
* 图片资源采用的命名规范
* CSS命名规范
* 常规名称命名方案，参见EasyAPI中英文翻译
* API接口方法命名，例如getUser，getUserList，createUser，updateUser，deleteUser，其他方法尽量动词在前，例如cancelOrder 取消订单

## 其他说明

* page目录页面命名规范，文件命令简明扼要，例如/pages/api/list.vue表示API列表页，/pages/api/detail.vue表示API详情页，其他还包括edit.vue，info.vue，report.vue
* 如果页面必须是2个单词组成，使用短横线分隔命名，例如文章分类article-category，另外考虑是否可以使用/pages/article/category/list.vue来命名，尽量不使用短横线
* page目录中尽量采用样式表和页面分离开发，例如login文件夹中包含login.vue，login.styl
* 自定义组建说明，基于成熟的组建进行自定义开发，可平滑升级，打造属于EasyAPI的Vue组件库，以EasyAPI缩写ea为前缀，例如ea-table
* 布局已放到pages/layout/ 文件夹下的layout.vue
* 网络请求已使用axios，并封装到fetch.js
* 用户信息等全局变量，必须使用store管理，包括相关api请求放置到modules文件夹下

## Vue方法放置顺序
    components
    props
    data
    created
    mounted
    activited
    update
    beforeRouteUpdate
    metods
    filter
    computed
    watch

## 常见问题


**1. 编译失败**

	请使用cnpm试试

**2. 编译成功启动失败**

	请确保网络正常，可提供错误给相关工程师