# 金品课程VueProject

**Repository Path**: zhang12570/Vue

## Basic Information

- **Project Name**: 金品课程VueProject
- **Description**: 一个移动端的课程学习应用
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-05-06
- **Last Updated**: 2022-05-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 金品课程前端项目使用文档

> ### 前端展示项目
>
> `nodejs版本： 14.x`

## 目录

    |-- .gitignore  #git中忽略的文件
    |-- main.js  #打包入口文件
    |-- package.json  #项目package文件
    |-- README.md  #项目介绍文件
    |-- public  存放静态资源文件
    |-- src vue-cli打包目录
    	|-- components 存放项目组件
    	|-- config 配置文件目录
    	|-- globacmp 全局组件
    	|-- icon 项目icon
    	|-- img 静态图片资源
    	|-- mixins 全局混入
    	|-- plugins 三方插件库
        |-- routes  #路由
        |	|--hooks 存放导航守卫
        |	|--routes 存放各个模块的路由文件
        |   |-- index.js 加载路由的入口文件
        |-- style 全局样式
        |-- util  #工具包
            |-- http.js axios的封装
            |-- store.js token存取方法的封装
        |-- views  各模块视图文件夹   	


## 启动项目准备

```bash
#输入命令前需要进入到goldenSession中,即在film_api目录下输入以下命令
npm install  #安装依赖包
```

## 后端接口启动

```base
项目依赖于后端数据接口，否则无法获取数据
后端接口下载 https://gitee.com/zhang12570/goldenApi.git
```



## 	开发环境编译

```bash
npm run serve #运行开发编译
编译完成后点击控制台的 localhost:8080即可查看效果
```

## 工程项目编译

```ba
npm run build #运行工程编译
编译完成后会生产dist文件夹，将dist文件夹放置于nginx或其他服务器的指定目录即可
```