# vue-cli3-pages

**Repository Path**: honghuoxin/vue-cli3-pages

## Basic Information

- **Project Name**: vue-cli3-pages
- **Description**: 基于vue-cli3.x创建的多页面应用，每个页面入口又可以创建自己的vue-router
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 11
- **Forks**: 10
- **Created**: 2019-11-23
- **Last Updated**: 2023-02-21

## Categories & Tags

**Categories**: vue-extensions

**Tags**: None

## README

# 项目简介
> 页面多路由使用
- 多入口部署模块或者项目互不干扰
- 如果项目需要单页面SEO搜索可以稍微修改一下vue.config.js 
- 包括开发环境 测试环境 生成环境 多环境配置发布维护小 后期扩展性强
## 项目结构
    ├── public
    │   ├── favicon.ico  # ico图标
    │   └── index.html   # 首页模板
    ├── src 
        ├─assets 公共资源文件
        │  ├─css
        │  ├─img
        │  └─js
        ├─components 公共组件
        ├─pages
        │  ├─index
        │  │  ├─assets 本项目或者本模块资源文件
        │  │  │  ├─css
        │  │  │  ├─img
        │  │  │  └─js
        │  │  ├─components 组件目录
        │  │  └─router 路由配置文件
        │  │  │   ├─modules
        │  │  │   └─index.js
        │  │  ├─store
        │  │  │   ├─modules
        │  │  │   └─index.js
        │  │  ├─utils
        │  │  ├─views 页面目录
        │  │  App.vue 父组件
        │  │  main.js 入口文件
        │  └── index.html 首页模板(如果入口没有默认生成public模板) 
        │  ├─pagesA
        │  │  ├─assets 本项目或者本模块资源文件
        │  │  │  ├─css
        │  │  │  ├─img
        │  │  │  └─js
        │  │  ├─components 组件目录
        │  │  └─router 路由配置文件
        │  │  │   ├─modules
        │  │  │   └─index.js
        │  │  ├─store
        │  │  │   ├─modules
        │  │  │   └─index.js
        │  │  ├─utils
        │  │  ├─views 页面目录
        │  │  App.vue 父组件
        │  │  main.js 入口文件
        │  │  pagesA.html 首页模板(如果入口没有默认生成public模板)
        ├─store
        │   ├─modules
        │   └─index.js
    │   └─utils
## Project setup
```
npm install
```

### 开发环境
```
npm run serve
```
### 测试环境打包
```
npm run build:test (默认打包 index项目或者模块)
例如： npm run build:test index    npm run build:test pagesA
```

### 生产环境打包
```
npm run build
例如： npm run build index    npm run build pagesA
```

### Lints and fixes files
```
npm run lint
```