hyn-cli v1.0.0

hyn-cli

以往每次开发一个新项目（React 项目），要么使用create-react-app创建一个项目后，自己重新安装需要的模块；要么拷贝以前的项目，然后删除无用的模块。为了避免这种无用功的操作，所以就开发了一个 cli 工具。

功能：

• 快速生成项目
• 快速创建组件

安装

npm install -g hyn-cli

使用方法

查看帮助

hyn-cli -h

生成项目

hyn-cli init projectName

projectName：项目的名字，会在你当前运行命令的目录下，生成一个项目，并且自动安装所需要的模块。

文件目录：

project
│   .gitignore
│   .babelrc
│   .eslintrc.js
│   .gitignore
│   package.json
│
└───build（存放webpack的配置文件）
│   │   webpack.config.js
│   │   ...
│   │   ...
│
└───public
    │   index.html
│
└───src （源文件）
    │   component
    │   │   ...
    │   │   ...
    │   │   index.js
    │   container
    │   │   ...
    │   │   ...
    │   │   index.js
    │   index.js

组件生成

hyn-cli gen componentName

componentName：组件名。使用此命名会在项目的src/component下新建一个使用组件名的文件夹，并且文件内包含相应的 js 文件和 scss 文件。组件会在component下的index.js文件中同一导出。

你可以自由选择函数式组件 或者 class 组件。

举例：

hyn-cli gen logo

此时的文件目录：

src
└───component
│   │   logo
│   │   │   logo.js
│   │   │   logo.scss
│   │   index.js

hyn-cli gen ui/modal

对应的文件目录是：

src
└───component
│   │   logo
│   │   │   logo.js
│   │   │   logo.scss
│   │   ui
│   │   │   modal
│   │   │   │   modal.js
│   │   │   │   modal.scss
│   │   index.js