mn-component-maker
一键式创建React，Vue组件命令工具
mn-component-maker
如有问题欢迎大家反馈修改
v1.2.1
支持自由选择创建css,scss,less
功能
- 一键式创建React组件，不是React脚手架！
- 支持一次创建多个组件
- 支持自由选择创建
css,Scss,Less - 支持无状态组建（stateless function）
Usage
React组件创建使用
#React组件创建使用npm i -g mn-component-makermkcomponent App#此时你创建了一个名字为App的组件mkcomponent Header,Body,Footer#此时你创建了三个组件，分别为Header,Body,FooterVue组件创建使用
#Vue组件创建使用npm i -g mn-component-makermkcomponent -l Body -t vue#此时你创建了一个名字为Body的组件创建样式为Scss的组件
mkcomponent -s Body//创建Body组件，但是样式文件为Scss创建样式为Less的组件
#### mkcomponent -l Body//创建Body组件，但是样式文件为lessReact组件详情
一个组件为一个文件夹，文件夹目录为
- [name].jsx
- [name].css
- index.jsx
Vue组件详情
- [name].css
- index.vue
文件内容 - React
[name].jsx
import React from 'react';import styles from './[name].css'class [name] extends React.Component { constructor(props) { super(props); this.displayName = [name]; } render() { return ( <div className={styles.container}> [name] </div> ) }}export default [name];[name].css
.container { }index.jsx
import [name] from './hh'export default [name]文件内容 - Vue
index.vue
<template> <div class="[name]"> [name]组件 </div></template>'<script>export default { name: [name] data(){ return { } }};</script><style scoped lang='css' src='[name].css'></style>[name].css
.container { }