open-index/open-npm huggingface dataset:
npm package: @juexro/custom-cli
Description: Based on webpack4 and babel7. Support vue for multi pages and single page.
Author: Mr.Chow
Latest version: 1.0.6

<div align="center">
  <h1>custom-cli</h1>
  <p align="center">
    <a href="https://www.npmjs.org/package/@juexro/custom-cli">
      <img src="https://img.shields.io/npm/v/@juexro/custom-cli.svg">
    </a>
  </p>
  <p>Support multi pages and single page.</p>
</div>
<h2 align="center">Usage</h2>

``` bash
# install global
yarn global add custom-cli
```

``` bash
# create project
custom create projectname

choose template: vue or react
```

```bash
# install dependencies
cd projectname && yarn install
```

<h2 align="left">Change Log</h2>

#### v1.0.6 - 2018-9-29
- support react template
npm package: @juexro/markdown-it-highlight-code-block
Description: rewrite default_rules.code_block for markdown-it in nodejs.
Author: Juexro
Latest version: 1.0.1

# markdown-it-highlight-code-block

rewrite default_rules.code_block for [markdown-it](https://github.com/markdown-it/markdown-it) in nodejs.


## install

```
yarn add markdown-it-highlight-code-block -D
```

## usage

```js
const fs = require('fs')
let fileContent = fs.readFileSync('markdown.md', 'utf8')
const style = fs.readFileSync('node_modules/highlight.js/styles/github.css')

const MarkdownIt = require('markdown-it')
const CodeBlockPlugin = require('@juexro/markdown-it-highlight-code-block')
const md = new MarkdownIt().use(CodeBlockPlugin)

fs.writeFileSync('markdown.html', `<style>${style}</style>` + md.render(fileContent))
```
npm package: @juexro/markdown2html
Description: Analyse markdown to html for nodejs.
Author: Juexro
Latest version: 1.0.3

# markdown2html

[![](https://img.shields.io/npm/v/@juexro/markdown2html.svg)](https://www.npmjs.com/package/@juexro/markdown2html) [![](https://img.shields.io/npm/dm/@juexro/markdown2html.svg)](https://www.npmjs.com/package/@juexro/markdown2html)

Depend on [markdown-it](https://www.npmjs.com/package/markdown-it)、 [highlight.js](https://www.npmjs.com/package/highlight.js), analyse markdown to html for nodejs.

## install

```
yarn add @juexro/markdown2html -D
```

## usage

markdown

```js
---
title: demo
date: 2018/11/22 17:27:56
---

# demo
```

You can add key-values between `--- ---` at the top. And get info in beforeOuput meta.

---

nodejs

```js
const fs = require('fs')
const MarkdownAnalyse = require('@juexro/markdown2html')
const minify = require('html-minifier').minify
new MarkdownAnalyse({
  cleanDir: true,
  filePath: ['markdown/foo.md', 'markdown/bar'],
  outputPath: 'html',
  beforeOutput ({content, meta, outputFilePath} = {}, md) {
    return minify(`<!DOCTYPE html>
      <html lang="en">
      <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>${meta.title}</title>
        <style>
        ${fs.readFileSync('node_modules/highlight.js/styles/github.css')}
        </style>
      </head>
      <body>
        ${md.render(content)}
      </body>
      </html>`, {
        removeComments: true,
        collapseWhitespace: true,
        minifyCSS: true
      })
  }
}).run()
```

<h2 align="left">options</h2>

| Name | Type | Description |
|---------|--------|-------------|
| cleanDir     | Boolean | remove outputPath directory at first |
| filePath     | Array\|String | file path or directory |
| outputPath   | String | output directory |
| beforeOutput | Function | `@param {*} [{outputFilePath, meta, content}={}, md]`, you can use `md.render` to render your markdown template.
npm package: @juexro/multi-cli
Description: Based on webpack4, support react and vue for multi pages and single page.
Author: Mr.Chow
Latest version: 1.0.5

<div align="center">
  <h1>multi-cli</h1>
  <p>Support multi pages and single page.</p>
</div>
<h2 align="center">Usage</h2>

``` bash
# install dependencies
yarn install
```

``` bash
# serve with hot reload at localhost:9001
yarn run dev
```

```bash
# build for production with minification
yarn run build
```

You can choose vue or react for platform.

**development.js**
```js
const {DevelopmentRunner} = require('@juexro/multi-cli')
new DevelopmentRunner({
  mode: process.env.NODE_ENV || 'development',
  platform: 'vue',
  envs: {
    APP_NAME: 'multi-cli',
    API: '',
    VERSION: '4.3.0'  
  },
  entry: {
    main: ['src/vue/main.js']
  },
  pages: [
    {
      template: 'src/vue/index.html',
      filename: 'index.html',
      chunks: ['main'],
      title: 'index'
    }
  ],
  port: 9001,
  proxyTable: {
    '/proxy': {
      target: '',
      changeOrigin: true
    }
  }
}).execute()
```
<h2 align="center">Options</h2>
npm package: @juexro/open-browser-webpack-plugin
Description: Based on webpack4. Auto open browser after compilation has completed.
Author: Mr.Chow
Latest version: 1.0.2

<div align="center">
  <h1>
    open-browser-webpack-plugin
  </h1>
  <p align="center">
    <a href="https://www.npmjs.org/package/@juexro/open-browser-webpack-plugin">
      <img src="https://img.shields.io/npm/v/@juexro/open-browser-webpack-plugin.svg">
    </a>
  </p>
  <p>Based on webpack4. Auto open browser after compilation has completed.</p>
</div>
<h2 align="left">Usage</h2>

``` bash
# install
yarn add @juexro/open-browser-webpack-plugin -D
```

**webpack.config.js**
```js
const OpenBrowserPlugin = require('@juexro/open-browser-webpack-plugin')
webpack({
  entry: {...},
  output: {...},
  plugins: [
    ...,
    new OpenBrowserPlugin({
      url: ''
    })
  ]
})
```

<h2 align="left">Options</h2>

| Name | Type | Description |
|---------|--------|-------------|
| url          | string |  |
| delay        | number |  |
| browser      | string |  |


<h2 align="left">Change Log</h2>

#### v1.0.1 - 2018-9-29

#### v1.0.2 - 2018-9-29
- fixed reopen browser
npm package: @juexro/react-components
Description: react components
Author: juexro@163.com
Latest version: 0.1.0

# react-components

## Production
```bash
$ yarn add @juexro/react-components
```

## 🚀 Development

```bash
# install dependencies
$ yarn install

# development
$ yarn run start

# update component routes
$ yarn run update:route

# update entry
$ yarn run update:entry

# build package
$ yarn run build:prod

# build site
$ yarn run build:site

```

## 🎨 Components

### Basic Components

- [x] Button


### Annotation Editor

- [x] edit background-image: drag, scale
- [x] draw graphics: rect, polyline
- [x] cut graphics
- [x] edit graphics: move, resize
- [x] select graphics: get data, delete
npm package: @juexro/vue-multi-cli
Description: Based on webpack4, support vue for multi pages and single page.
Author: Mr.Chow
Latest version: 1.0.0

<div align="center">
  <h1>vue-multi-cli</h1>
  <p>基于webpack4的vue多页面脚手架</p>
</div>
<h2 align="center">Usage</h2>

``` bash
# 安装依赖
yarn install
```

``` bash
# 开发环境
yarn run dev
```

```bash
# 生产环境
yarn run build
```

**development.js**
```js
const {DevelopmentRunner} = require('@juexro/multi-cli')
new DevelopmentRunner({
  mode: 'development',
  envs: {
    APP_NAME: 'multi-cli',
    API: '',
    VERSION: '4.3.0'  
  },
  entry: {
    main: ['src/vue/main.js']
  },
  pages: [
    {
      template: 'src/vue/index.html',
      filename: 'index.html',
      chunks: ['main'],
      title: 'index'
    }
  ],
  port: 9001,
  proxyTable: {
    '/proxy': {
      target: '',
      changeOrigin: true
    }
  }
}).execute()
```
<h2 align="center">Options</h2>
npm package: @juexro/zcmd
Description: template management commands that can be used in daily development
Author: Juexro
Latest version: 1.0.3

# zcmd
[![](https://img.shields.io/npm/v/@juexro/zcmd.svg)](https://www.npmjs.com/package/@juexro/zcmd) [![](https://img.shields.io/npm/dm/@juexro/zcmd.svg)](https://www.npmjs.com/package/@juexro/zcmd)

template management commands that can be used in daily development

## 🚀 Installation
```bash
$ yarn global add @juexro/zcmd
$ npm install @juexro/zcmd -g
$
$ zcmd create <template> <project-name>
```

## 🎨 Usage

```bash
Usage: index [options] [command]

Options:
  -h, --help                       display help for command

Commands:
  create <template> <destination>  clone a template into the specified directory
  add <source>                     add a template
  remove <template>                remove the specified template
  list                             list templates added
  help [command]                   display help for command

```