mn-component-maker

v1.2.8

support

Usage

React Component Creat

mkcomponent App
//you will create React component named App
mkcomponent Header,Body,Footer
//you will create React compoennts named Header,Body,Footer

Vue Component Creat

npm i -g mn-component-maker
mkcomponent -l Body -t vue

create component with Scss

mkcomponent -s Body
//create React components named Body with Scss

create React component with Less

mkcomponent -l Body
//create React components named Body with Less

create React component with Less

mkcomponent -p Body
//you will create pure component for stateless function

create Vue component with stateless

mmkcomponent -l Body -t vue

component details React

component details Vue

file details For 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]

file details For 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 {
 
}