MFO

MFO is the scaffold for rapid construction of the project. It provides a Webpack (micro front-end qiankun suite is optional) or Vite based development environment for Vue2, Vue3, React, React-native(Beta), Angular(Beta), Uniapp and Taro frameworks, and provides PWA configuration and more templates and component support.

node.js engines: ">= 16.0.0"

Installation

npm i -g mfo

or

npm i -g mfo --registry https://registry.npmjs.org/

Usage

Usage: mfo <command> [options]

Options:
  -V, --version                   output the version number
  -r, --registry <url>            registration source
  -f, --force                     force overwrite of existing directory (if any)
  -d, --debug                     program debugging, internal prompt
  -c, --config <profile>          use custom template profile
  -l, --language <language-name>  use language type
  -p, --langpack <url>            use custom language pack
  -n, --ignore <url>              use the ignore step list
  -h, --help                      output usage information

Commands:
  create <project-name>           create a new project
  create-pc <project-name>        create a new PC project
  create-mobile <project-name>    create a new mobile project
  create-uniapp <project-name>    create a new uniapp project
  create-taro <project-name>      create a new taro project
  create-noui <project-name>      create a new no ui project
  init <project-name>             initialize the package.json file
  register <source-url>           register global source
  upgrade [options] <pkg-name>    upgrade the latest version of the npm dependency package
    Options:
        -u, --update <version>  upgrade to a specific version
  pwa [options] <project-name>    configure pwa
    Options:
        -t, --to <dir-name>  configure to the specified directory
  info                            print debugging information about your environment
  help [cmd]                      display help for [cmd]

Release Notes

Latest version:

Example

Manually set and optional vue2, vue3 build

mfo create <project name>

or

mfo create <project name> -r https://registry.npmjs.org/

Automatically set up and build the specified environment

mfo create-pc <project name>

or

mfo create-mobile <project name>

or

mfo create-noui <project name>

or

mfo create-uniapp <project name>

or

mfo create-taro <project name>

Basic environment

Vue2
    Vue2 + Javascript + Webpack
    Vue2 + Javascript + Vite
    Vue2 + Typescript + Webpack
    Vue2 + Typescript + Vite

Vue3
    Vue3 + Javascript + Webpack
    Vue3 + Javascript + Vite
    Vue3 + Typescript + Webpack
    Vue3 + Typescript + Vite

React
    React + Javascript + Webpack
    React + Javascript + Vite
    React + Typescript + Webpack
    React + Typescript + Vite

Uniapp
    Vue2
        Vue2 + Javascript + Webpack
        Vue2 + Typescript + Webpack
    Vue3
        Vue3 + Javascript + Webpack
        Vue3 + Javascript + Vite
        Vue3 + Typescript + Webpack
        Vue3 + Typescript + Vite

Taro
    Vue2
        Vue2 + Javascript + Webpack
        Vue2 + Typescript + Webpack
    Vue3
        Vue3 + Javascript + Webpack
        Vue3 + Typescript + Webpack
    React
        React + Javascript + Webpack
        React + Typescript + Webpack

React-native
    React + Javascript + Webpack
    React + Typescript + Webpack

Angular + Typescript