# cqjs1.0

**Repository Path**: wty100/cqjs1.0

## Basic Information

- **Project Name**: cqjs1.0
- **Description**: 重庆竞赛
重庆新文科商业数据分析大赛平台改造
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-07-25
- **Last Updated**: 2023-12-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# {{ xlh前端Vue多页面架构  }}

> Vue.js project

## 开发

``` bash
# 在localhost:8080进行加载
npm run dev
```

[http://localhost:8080/]

## 构建

``` bash
# 生产环境构建

npm run build // 打包

```

## Root Folder Structure

```bash
├── build  # 构建脚本目录
│   ├── build.js  # 生产环境构建脚本
│   ├── check-versions.js  #
│   ├── utils.js  # 构建相关工具方法
│   ├── vue-loader.conf.js  #
│   ├── webpack.base.conf.js #  wabpack基础配置
│   ├── webpack.dev.conf.js  # wabpack开发环境配置
│   ├── webpack.prod.conf.js # wabpack生产环境配置
│   └── webpack.test.conf.js #
├── config  # 项目配置
│   ├── dev.env.js  # 开发环境变量
│   ├── index.js  	# 项目配置文件
│   └── prod.env.js # 生产环境变量
├── src  # 主文件夹
│   ├── assets  # 公共资源
│   │   ├── images # 图片资源
│   │   │   └── logo.png
│   │   ├── util  # js资源
│   │   │   └── formatDate.js
│   │   └── styles # css资源
│   │   │   └── shopping.css
│   ├── router  # 路由
│   │   ├── router.js
│   │   └── routes.js
│   ├── store  # vuex
│   │   ├── store.js
│   │   ├── state
│   │   └── └── state.js
│   ├── components # 常用组件
│   │   └── modal.vue
│   └── views  # 页面
│   │   ├── index
│   │   │   └── index.vue
│   │   └── login # login.vue
│   │   │   └── login.vue
│   ├── app.vue  # 主文件
│   ├── index.html  # 主页面
│   ├── index.js  # 入口文件
├── LICENSE
├── .babelrc          # babel config（es2015默认）
├── .eslintrc.js      # eslint配置（eslint-config-vue默认）
├── package.json
├── postcss.config.js # postcss（autoprefixer默认）
├── webpack.config.js # webpack配置文件
└── README.md
```

## Dist文件夹结构

```bash
├── static
│   ├── css
│   │   │   ├── index.css
│   │   │   ├── shopping.css
│   ├── js
│   │   │   ├── index.js
│   │   │   ├── shopping.js
│   │   │   ├── manifest.js # 主要是一些异步加载的实现方法（通过建立script方式动态引入js）,因为是核心,所以要第一个进行加载,不然会报错
│   │   │   ├── vendors.js  #将所有从node_modules/里require(import)的依赖都打包到这里
│   └── img
│   │   └── icon_55.30b85eb.png
│   │── favicon.ico
│   └── index.html
```

# {{ VueJs开发规范  }}

## pages下的文件夹命名

``` bash
1.pages 下面的文件夹代表着模块的名字
2.由名词组成（index、shopping、car）
```

## 文件夹下得文件命名

``` bash
1.pages 下面统一创建index.vue,index.js,index.html即可
```

## 组件命名规范

``` bash
1.有意义的名词、简短、具有可读性
2.以小写开头，采用短横线分割命名
3.公共组件命名以公司名称简拼为命名空间(xlh-xx.vue)
```

## vue文件方法声明顺序

``` bash
- components
- props
- data
- created
- mounted
- activited
- update
- beforeRouteUpdate
- metods
- filter
- computed
- watch
```

## 注释规范

``` bash
1.公共组件使用说明
2.各组件中重要函数或者类说明
3.复杂的业务逻辑处理说明
```

## 编码规范

``` bash
1.使用ES6风格编码源码
  定义变量使用let ,定义常量使用const
  使用export ，import 模块化
2.调试信息 console.log() debugger 使用完及时删除
```