gengchao123/gos-its-web

tab路由标签

前端项目说明

1. 使用的技术栈：

• webpack
• Vue2
• Vuex
• Vue-router
• Axios
• Element
• ES6

2. 开发环境

前端代码需要运行在Node环境下，Nodejs可从官网进行下载安装

安装完成后，Node自身会自带npm包管理器（国内推荐使用淘宝镜像cnpm）

从gitlab上拉去最新的前端代码

在项目的根目录下运行cmd：

第一次运行需要安装依赖包

npm install

安装完依赖包后，运行run命令进入开发环境

npm run dev

开发环境端口号为8080

运行build命令进行项目的打包

npm run build

项目打包会输出到dist/文件夹

3. 项目目录结构

├───dist                                       # 项目打包输出文件
├───config                                     # 环境运行配置文件
├───src
│   ├── components                                  # 存储封装组件
│   ├──  css                                        # 外部引入 css 文件
│   ├──  page                                       # vue-loader (单页面文件)
│   ├──  router                                     # vue-router (路由配置)
│   ├──  store                                      # vuex （存储公用数据、方法）
│   ├──  App.vue                                    # vue 目录结构
│   └── main.js                                     # vue 渲染文件
│
├── index.html                                 # 项目入口
│
└── package.json                               # 配置文件（依赖包，项目配置信息）