ugfrontend v1.0.0

ugfrontend

A Vue.js project

Build Setup

# install dependencies
npm install -g gulp #部分环境可能需要sudo
npm install

# Build for development
npm run dev  (only frontend)
npm run debug

# build for production with minification
npm run build

复制到docker容器

如果使用远程docker开发:运行npm run debug后，另开一个终端运行以下命令可自动复制前端打包文件到docker容器

gulp dockercp

For detailed explanation on how things work, consult the docs for vue-loader.

目录结构

UGFrontend
    |--- .editorconfig 代码缩进风格配置
    |--- .babelrc es6转换配置
    |--- utils.js webpack依懒的小工具
    |--- webpack.config.js
    |--- gulpfile.js
    |---build 打包目录
    |---src  开发目录
        |---service 服务接口
            |--- config.js 变量配置
            |--- apiServer.js  api接口
            |--- userServer.js  user接口
        |---assets 静态资源
            |---_conf.scss scss全局配置文件
            |---scss/ 全局scss目录
            |---common.scss  公共css
            |---images/   公共图片
        |---components 组件库
              |---header.vue  头部组件
        |---module 所有业务模块
              |---templates 页面
                  |--- user 用户模块
                        |--- app.vue
                        |--- index.html
                        |--- index_56.js
                        |--- index.scss 非vue页面样式方件，注意：须手工在common.scss中引用。