yanying119/chingo-docs

文档 https://yanying119.github.io/chingo-docs/docs/

vueApp

vue 应用基础构建模版项目，其中包含模块如下:

• 用户模块
• 菜单（权限点）模块
• 角色模块
• 系统设置
• 公共代码模块
• 左侧栏模块
• 页头 页尾
• 404 页面

一、构建新项目

# download
git clone https://git.chingo.net/vueApp/vue-template.git
# 安装依赖
npm install
# 本地服务器运动地址 http://localhost:8081
npm run dev
# 生产模式打包
npm run build--prod
# 自动化测试模式打包
npm run build--test

### 新项目本地运行介绍
# 本地运行
npm run serve

# 打包学校xxxx代表学校代码
npm run build--xxxx

二、项目目录介绍

# 项目源码目录
/src
# 静态资源
/src/assets
# vue页面组件
/src/components
# 前端路由配置
/src/router
# vuex目录
/src/vuex
# 配置文件
/src/config.js
 # 项目入口文件
/src/main.js
# 入口页面
/src/main.vue

三、全局变量使用方法

// 全局变量定义在main.js里面

Vue.prototype.config = config; // 配置文件 在.vue 使用  this.config.xxx  就能使用xxx配置
Vue.prototype.commonMethods = commonMethods; // 公共函数 在.vue 使用  this.commonMethods.xxx  就能使用xxx函数
Vue.prototype.userInfo = JSON.parse(commonMethods.getLocalData('dataThree', true, '{}')); // 用户信息 登陆后有效。在.vue 使用  this.userInfo获取

四、应用到的插件

• vue vuex vue-router
• moment
• iview
• crypto-js