mn-component-maker
the cli to create react components
v1.2.8
support css
,scss
,less
support
- the cli to create react components
- support create multiple components
- support
css
,Scss
,Less
- support stateless function(or you can say pure component)
Usage
React Component Creat
mkcomponent App//you will create React component named Appmkcomponent HeaderBodyFooter//you will create React compoennts named Header,Body,Footer
Vue Component Creat
npm i -g mn-component-makermkcomponent -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
- [name].jsx
- [name].css
- index.jsx
component details Vue
- [name].css
- index.vue
file details For React
[name].jsx
;class name extends ReactComponent{superprops;thisdisplayName = name;}{return<div className=stylescontainer>name</div>}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 {
}