4.2 前端

基于Vue.js 2.x系列 + Element UI .

目录结构介绍

|-- build                            // webpack配置文件
|-- config                           // 项目打包路径
|-- src                              // 源码目录
|   |-- components                   // 组件
|       |-- common                   // 公共组件
|           |-- bus.js                // Event Bus
|           |-- Header.vue           // 公共头部
|           |-- Home.vue                // 公共路由入口
|           |-- Sidebar.vue          // 公共左边栏
|       |-- page                        // 主要路由页面
|           |-- 403.vue
|           |-- 404.vue
|           |-- Dashboard.vue  //面板
|           |-- Login.vue   //登录
|           |-- Setting.vue   //系统配置
|           |-- Notification.vue   //消息通知
|   |-- router                   // 路由
|   |-- App.vue                      // 页面入口文件
|   |-- main.js                       // 程序入口文件，加载各种公共组件
|-- .babelrc                         // ES6语法编译配置
|-- .editorconfig               // 代码编写规格
|-- .gitignore                     // 忽略的文件
|-- index.html                       // 入口html文件
|-- package.json                     // 项目及工具的依赖配置文件
|-- README.md                        // 说明

安装步骤

git clone  https://github.com/creditease-sec/insight2_front    // 下载到本地
cd insight2_front    // 进入目录
npm install         // 安装项目依赖，等待安装完成之后

本地开发

// 开启服务器，浏览器访问 http://localhost:8080
npm run dev

构建生产

// 执行构建命令，生成的dist文件夹放在服务器下即可访问
npm run build