1.2.8 • Published 4 years ago
mn-component-maker v1.2.8
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 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
- name.css
- index.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 {
}