# upto

> quick init tpl

Latest version **0.0.6** (published 2016-04-08) · ISC license · 0 weekly downloads

## Install

```sh
npm install upto
pnpm add upto
yarn add upto
bun add upto
```

Provides the command `upto`.

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.6 |
| Published | 2016-04-08 |
| First published | 2016-04-06 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | qiaqiao |
| Maintainers | qianqiao |
| Keywords | tpl |

## Links

- npm: https://www.npmjs.com/package/upto
- npm.io page: https://npm.io/package/upto

## Dependencies (1)

- [mkdirp](https://npm.io/package/mkdirp.md) ^0.5.1

## Recent versions

- 0.0.6 (latest) — 2016-04-08
- 0.0.5 — 2016-04-08
- 0.0.4 — 2016-04-08
- 0.0.3 — 2016-04-06
- 0.0.2 — 2016-04-06
- 0.0.1 — 2016-04-06

## README

### upto

> 作用：快速生成页面|模块

> 依赖：up-init脚手架生成的目录结构，使用upto快速生成页面之前，请使用up-init脚手架生成项目

### 安装

	$ npm install upto -g

### 参数说明

	$ -a  # 操作: 新增

	$ -l  # 页面类型: 列表
	$ -f  # 页面类型: 表单

	$ directory | fileName 目录或者文件路径（必填）

### 使用示例

### 准备
	
	# 创建一个文件夹，然后cd到该文件夹下
	$ mkdir my-new-project && cd my-new-project

	# 生成项目
	$ up-init

	# 新建左侧导航的独立文件
	# 加入 module.exports.authList = []; 保存
	$ vim ./src/layouts/CoreLayout/authList.js

	# 修改 ./src/layouts/CoreLayout/CoreLayout.js的左侧导航变量
	# 从authList.js导入

	import authList from './authList'
	<Sidebar user={ user } authList={ authList.authList }/>

### 使用

	# 以下命令都在项目根目录下使用

	# 在 /workspace 目录下增加一个名为 task 的模块
	$ upto -a /workspace/task

	# 在 /workspace/activity 目录下增加一个名为 ActivityAllView.js 的列表页面
	$ upto -al /workspace/activity/ActivityAllView.js 

	# 在 /workspace/activity 目录下增加一个名为 ActivityAddView.js 的表单页面
	$ upto -af /workspace/activity/ActivityAddView.js 

### 效果

	# src/views 下目录结构

	└── workspace
	    ├── activity
	    │   ├── ActivityAddView.js
	    │   ├── ActivityAllView.js
	    │   └── modules
	    │       ├── ActivityAddBlock.js
	    │       ├── ActivityAllListBlock.js
	    │       └── ActivityAllQueryBlock.js
	    └── task
	        ├── TaskAddView.js
	        ├── TaskEditView.js
	        ├── TaskListView.js
	        └── modules
	            ├── TaskAddBlock.js
	            ├── TaskEditBlock.js
	            ├── TaskListBlock.js
	            └── TaskQueryBlock.js

	# src/routes/index.js

	import ActivityAllView from '../views/workspace/activity/ActivityAllView'
	import ActivityAddView from '../views/workspace/activity/ActivityAddView'
	import TaskEditView from '../views/workspace/task/TaskEditView'
	import TaskAddView from '../views/workspace/task/TaskAddView'
	import TaskListView from '../views/workspace/task/TaskListView'
	import React from 'react'
	import { Router , Route, IndexRoute, Redirect , hashHistory } from 'react-router'

	import CoreLayout from '../layouts/CoreLayout/CoreLayout'


	export default (
	    <Router history={ hashHistory }>
	        <Route path='/' component={CoreLayout}>
	            <Route name='TaskEditView' path='/task/:taskId/edit' component={TaskEditView}/>
	            <Route name='TaskAddView' path='/task/add' component={TaskAddView}/>
	            <Route name='TaskListView' path='/task/list' component={TaskListView}/>
	            <Route name='ActivityAddView' path='/activity/add' component={ActivityAddView}/>
	            <Route name='ActivityAllView' path='/activity/all' component={ActivityAllView}/>
	        </Route>
	    </Router>
	);


	# src/layouts/CoreLayout/authList.js
	module.exports.authList = [
	{
	    isCurrent : false,
	    permissionName : 'activity',
	    childrenMenuList : [
	        {
	            isCurrent : false,
	            linkUrl : '/activity/all',
	            permissionName : 'list'
	        },

	        {
	            isCurrent : false,
	            linkUrl : '/activity/add',
	            permissionName : 'add'
	        }
	    ]
	},

	{
	    isCurrent : false,
	    permissionName : 'task',
	    childrenMenuList : [
	        {
	            isCurrent : false,
	            linkUrl : '/task/list',
	            permissionName : 'list'
	        },{
	            isCurrent : false,  
	            linkUrl : '/task/add',
	            permissionName : 'add'
	        },{
	            isCurrent : false,
	            linkUrl : '/task/0/edit',
	            permissionName : 'edit'
	        }
	    ]
	}

	];

> 模板暂时没有配好，所以只显示了空白的页面~

![](http://s17.mogucdn.com/p1/160408/idid_ifrwezbyhazgkytdg4zdambqhayde_1002x866_560x999.jpg)

---
_Source: https://npm.io/package/upto · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._