EasyMai 项目使用教程

EasyMai 项目使用教程

EasyMai easyMai 项目地址: https://gitcode.com/gh_mirrors/ea/EasyMai

1. 项目目录结构及介绍

EasyMai 项目是基于 Uni-app 开发的一款舞萌(maimai)查分工具APP。项目目录结构如下：

EasyMai/
│
├── api/                       # 接口文件存放目录
├── components/                # Vue组件目录
├── pages/                     # 页面文件存放目录
├── scripts/                   # 脚本文件存放目录
├── static/                    # 静态资源存放目录
├── uni_modules/               # Uni-app模块目录
├── utils/                     # 工具类文件存放目录
├── .DS_Store                  # 苹果端适配文件
├── .gitignore                 # Git忽略文件
├── App.vue                    # Vue应用的主组件
├── LICENSE.txt                # 开源协议文件
├── README.md                  # 项目说明文件
├── index.html                 # 项目入口HTML文件
├── main.js                    # Vue应用入口文件
├── manifest.json              # 应用配置文件
├── package-lock.json          # 依赖包锁定文件
├── package.json               # 依赖包配置文件
└── pages.json                 # 页面配置文件

2. 项目的启动文件介绍

项目的启动文件是 main.js。该文件负责初始化 Vue 应用，并挂载到 DOM 上。以下是 main.js 的基本内容：

import Vue from 'vue'
import App from './App'

Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({
  ...App
})
app.$mount()

3. 项目的配置文件介绍

项目中包含两个主要的配置文件：manifest.json 和 pages.json。

• manifest.json：应用配置文件，用于定义应用的名称、图标、权限等基本信息。例如：

{
  "name": "EasyMai",
  "appid": "__UNI__xxxxxx",
  "versionName": "1.2.1",
  "versionCode": "121",
  "transformPx": false,
  // 其他配置...
}

• pages.json：页面配置文件，用于定义应用中各个页面的路径和页面样式配置。例如：

{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        // 页面样式配置...
      }
    },
    // 其他页面配置...
  ],
  "globalStyle": {
    // 全局样式配置...
  }
}

通过以上介绍，您可以对 EasyMai 项目的结构有一个基本的了解，并能够进行初步的配置和启动。

EasyMai easyMai 项目地址: https://gitcode.com/gh_mirrors/ea/EasyMai