# clever-multi-page

**Repository Path**: clever_stone/clever-multi-page

## Basic Information

- **Project Name**: clever-multi-page
- **Description**: Node + Webpack + Js 多页应用框架
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-07-06
- **Last Updated**: 2022-07-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# clever multi-page

#### 介绍

> Node + Webpack + Js 多页应用快速开发框架

#### 安装教程

> 1. 安装node
> 2. 配置npm淘宝镜像
> 3. 安装脚手架 `npm i clever-cli-multipage -g`
> 4. `clever-cli-multipage -v` 查看脚手架版本
> 5. 执行命令 `clever-cli-multipage init <Project Name>` 安装项目
> 6. 项目根目录执行`npm i`，安装成功

#### 目录结构

```$dir
root  根目录
├─config                框架配置目录
│  ├─webpack.base.js    webpack基础配置文件
│  ├─webpack.dev.js     webpack开发环境配置文件
│  └─webpack.prod.js    webpack生成环境配置文件
│
├─node_modules          node和框架依赖资源目录
│
├─src                   应用目录
│  ├─common             公共资源目录
│  │  ├─img             公共附件目录
│  │  ├─js              公共js脚本目录
│  │  └─less            公共less脚本目录
│  ├─lib                框架核心库
│  │
│  ├─view               视图目录
│  │
│  ├─controller         控制器脚本目录
│  │
│  ├─app.js             应用配置文件
│  └─page.js            页面定义文件
│
├─tpl                   框架样板目录
│
├─.bablerc              bable配置文件
├─clever                控制台入口脚本
├─clever.bat            windows控制台快速调用脚本
├─favicon.ico           应用short icon
├─LICENSE               MIT许可证
├─package.json          npm资源包管理配置文件
├─README.md             README 文件
```

#### 运行

> 1. 开发环境 `npm run serve`
> 2. 生产环境 `npm run build`
> 3. 控制台工具 `node clever` windows `clever`
> 4. 创建新模块 输入指令 `m`

#### 特性

> 1. 框架集成 webpack + node环境，使用多页面多入口架构
> 2. 框架取代了传统的commonJs的AMD架构
> 3. 使用原生Js进行web应用开发

#### 优势

> 1. 就算不会`MVVM`框架也可以使用 `node` + `webpack`进行web应用的开发
> 2. 对后端程序员比较友好
> 3. 多入口、多页面、模块化
> 4. 前端资源打包发布
> 5. 控制台命令快捷生成控制器脚本和页面