README.md

generator-mvvm-cli

Yeoman generator cli for React/Vue + Webpack.

Lets you quickly set up a project with:

• simple template with React/Vue without create-react-app / vue-cli
• create dir and installDependencies auto/Manual;
• your favorite technologies
• web best pratices.
• guidelines powered by Google.

Installation

First, install Yeoman and generator-mvvm-cli using npm (we assume you have pre-installed node.js).

npm install -g yo
npm install -g generator-mvvm-cli

Then generate your new project:

yo mvvm-cli

feature lists

React-template

• React 16.10.2
• webpack 4
  • webpack-dev-server
• babel (default: @babel 7)
• redux
  • react-redux
  • redux-logger
  • redux-thunk
  • redux-devtools-extension

Vue-template

• Vue
• webpack 4
  • webpack-dev-server
• babel (default: @babel 7)
• Vuex

template file list

// react
│  .babelrc
│  .gitignore
│  package-lock.json
│  package.json
│  README.md
│  yarn-error.log
│  yarn.lock
│  
├─src
│      App.css
│      App.js
│      index.html
│      index.js
│      
└─webpack
    ├─build
    │      webpack.base.conf.js
    │      webpack.dev.conf.js
    │      webpack.prod.conf.js
    │      
    ├─config
    │      index.js
    │      resolve.js
    │      
    └─dist
            index.html

// vue
|-- README.md
|-- _package.json
|-- info.txt
|-- package.json
|-- src
|   |-- App.css
|   |-- App.vue
|   |-- index.html
|   |-- index.js
|   |-- router.js
|   |-- views
|   |   `-- Home.vue
|   `-- vuex
|       |-- modules
|       |   `-- global.js
|       `-- store.js
|-- webpack
|   |-- build
|   |   |-- webpack.base.conf.js
|   |   |-- webpack.dev.conf.js
|   |   `-- webpack.prod.conf.js
|   |-- config
|   |   |-- index.js
|   |   `-- resolve.js
|   `-- dist
|       `-- index.html
`-- yarn.lock

License

MIT © xingtao