# VUEpages

**Repository Path**: wyzhgx/vuepages

## Basic Information

- **Project Name**: VUEpages
- **Description**: VUE多页面第一弹，各个入口单独打包
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2020-09-03
- **Last Updated**: 2023-04-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目简介

该项目面向 TV 端的页面展现，响应上、下、左、右、确定、返回、数字键等进行页面焦点的移动，是由原本的单页面形式变更而来；
由于项目中每个页面在实际应用过程中访问都是独立的，将原本的单页面形式改为现在多页面形式，减少页面访问时无关文件的加载。

## 项目结构

```javascript
├─ public
│ ├─ favicon.ico  浏览器ico图标
│ └─ index.html  公用首页模板
├─ special  项目打包输出目录
├─ src
  ├─ assets  公共资源文件
  │  ├─ css
  │  ├─ img
  │  ├─ js
  │  └─ scss
  ├─ components  公共组件库
  │  └─ base  基础组件库
  ├─ directives  自定义指令库
  │  └─ bus  事件传递方法
  ├─ global  公共方法库
  │  ├─ request  axios请求相关方法
  │  └─ type  类型判断
  ├─ pages  多页面根目录
  │  ├─ xxxxx  页面名称
  │  │  ├─ index.js  单页面入口文件
  │  │  └─ index.vue  页面模版文件
  ├─ plugins  通用自定义插件库
  ├─ router  路由
  │  └─ index.js  通用路由处理文件
  ├─ store  状态管理
  │  ├─ cmark  角标状态管理
  │  │  └─ index.js  角标管理状态文件
  │  ├─ user  用户状态管理
  │  │  └─ index.js  用户管理状态文件
  ├─ 404.vue  通用404组件模版
  ├─ App.vue  通用父组件模版
  └─ common.js  通用引入文件合集
├─ .browserslistrc
├─ .editorconfig
├─ .gitignore
├─ babel.config.js
├─ package-lock.json
├─ package.json
├─ README.md
└─ vue.config.js
```

## Project setup

```javascript
npm install
```

### 切换项目路径

```javascript
npm config set xxxx:pages yyyy
xxxx:对应package.json中name属性
yyyy:对应打包目录名称
例如：
npm config set vue-pages:pages template
```

### 开发环境

```javascript
npm run serve
```

### 生产环境打包

```javascript
npm run build
```

### Run your tests

```javascript
npm run test //暂未添加自动化测试内容
```

### 自动检测格式化代码

```javascript
npm run lint
```