# html_automated_build

**Repository Path**: mlxgcode/html_automated_build

## Basic Information

- **Project Name**: html_automated_build
- **Description**: 一套快速、简单的集成静态页面+VUE多页应用的轻量级前端自动化代码构建工具
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2020-05-30
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 代码构建器

> 一套快速、简单的集成静态页面+VUE多页应用的轻量级前端自动化代码构建工具

内部封装了简易模板语言、jr-less2css、px2em，可根据需求通过简单配置实现快速开发。从诞生以来一直秉承简洁实用的设计原则，在保持出色的性能和至简的代码的同时，尤其注重开发体验和易用性，并且拥有众多的原创功能和特性，为WEB应用开发提供了强有力的支持。

## 框架特性

#### 自定义标记语言，模块化开发
    通过jr-pack工具，配合node server实现自动化打包，自动识别标记语言进行前端模块化开发。
#### 高可拓展性，组件丰富
    从静态页面到VUE多页应用，支持插件拓展，自由组合搭配符合项目的开发方式
#### 轻量级，高性能
    简易轻量，目录结构简洁，内置代码监听，自动化构建，高并发

## 目录结构
``` bash
├──app                          #代码编辑目录  
│  ├── component                #vue组件目录
│  ├── less                     #less文件目录
│  ├── src                      #构建vue多页面应用时，js存放目录
│  ├── teamplate                #构建静态页面时html目录   
|  |     ├── common             #公共模板目录          
|  |     ├── components         #主页面依赖的模板文件，当主页面构建完成后，不再受此文件夹中页面依赖    
|  |     └── index.html         #主页面(需要构建的页面)
│  ├── view                     #vue应用页面
│  ├── common.js                #公共方法
│  └── config.js                #公共配置文件
├──dist                         #构造器生成文件目录              
│  ├── assets                   #静态资源目录   
│  ├── components               #主页面依赖的模板文件，不再受依赖，可删除
│  ├── *.html                   #主页面(已经构建完成的页面)
│  └── favicon.ico              #页面icon
├──document                     #文档
└──ui                           #UI设计 
```

## 构建步骤

``` bash
# 安装依赖
npm install

#启动代码生成服务
node app
```