# mfo

**Repository Path**: ereddate2017/mfo

## Basic Information

- **Project Name**: mfo
- **Description**: mfo, 前端构建项目脚手架
- **Primary Language**: JavaScript
- **License**: ISC
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-08-01
- **Last Updated**: 2023-01-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: TypeScript, vite, qiankun, vue3, mfo

## README

# 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

```sh
npm i -g mfo

or

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

## Usage

```sh
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: [![npm version](https://img.shields.io/npm/v/mfo/latest.svg)](https://www.npmjs.com/package/mfo)

[![](https://data.jsdelivr.com/v1/package/npm/mfo/badge)](https://www.jsdelivr.com/package/npm/mfo)

## Example

Manually set and optional vue2, vue3 build

```sh
mfo create <project name>

or

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

Automatically set up and build the specified environment

```sh
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

```