# 麦田旅行（HTML+CSS+JS）

**Repository Path**: ma-xiaofeng520/trip

## Basic Information

- **Project Name**: 麦田旅行（HTML+CSS+JS）
- **Description**: 此项目是一款旅游出行的纯前端WebPC网站， 前端技术：HTML、CSS、JS。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2023-04-27
- **Last Updated**: 2023-04-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

[TOC]

# 一、项目说明

1. 项目描述：【trip 旅游出行】是一款旅游出行类的 PC 网站
2. 仓库地址：https://gitee.com/mrthinco/trip
3. 代码说明：
   - template 分支为：模板分支，master 分支为：正式分支
   - 此项目为前端项目，不含后端、数据库等（方便本地运行、学习、复用）
4. 技术框架：前端：HTML、CSS、JS...
5. 项目展示：![旅游出行](src/assets/images/profile.jpeg)

# 二、目录说明

```
trip
├── src // 源代码
│ ├── api // 接口请求
│ │ ├── ajax // ajax 封装
│ │ ├── config.js // ajax 配置项
│ │ ├── data.js // 模拟接口数据
│ │ └── getData.js // 封装获取数据
│ ├── assets // 图片样式字体等静态资源
│ ├── components // 全局公用组件
│ └── pages // 页面
│  └──index // 首页模块
├── .editorconfig // 编码格式
├── .eslintignore // 忽略语法检查
├── .eslintrc.js // eslint 配置项
├── .gitignore // git 忽略项
├── babel.config.js // babel.config.js
└── package.json // package.json
```

# 三、插件说明

1. webpack 安装打包工具

```shell
npm install --save-dev webpack@4.44.1 webpack-cli@3.3.12 webpack-dev-server@3.11.0
npm install --save-dev html-webpack-plugin@4.3.0
```

2. 安装 loader

```shell
npm install --save-dev css-loader@4.1.1 style-loader@1.2.1 file-loader@6.0.0 url-loader@4.1.0
```

3. art-template 简约、超快的模板引擎
   官方文档：http://aui.github.io/art-template/zh-cn/docs/

```shell
npm install art-template --save
npm install art-template-loader --save-dev
```