@a0znpm/fecli

Front-End Command Line Interface


Keywords
@a0znpm/fecli, a0znpm, @a0znpm, fe, fecli, fe-cli, cli
License
MIT
Install
npm install @a0znpm/fecli@1.0.6

Documentation

fecli

Front-End Command Line Interface

Welcome

Welcome to improve related functions

Functions

  • project develop template
  • single function template(.gitignore、eslint、.editorconfig...)

Install

npm i @a0znpm/fecli -g

Use

> fe
   Usage: fe <command> [options]

   Options:
     -V, --version  output the version number
     -h, --help     output usage information

   Commands:
     create [options] [projectName]  create a new project powered by @a0znpm/fecli
     info                            print debugging information about your environment
     tree                            generate directory tree under current directory(more about tree-node-cli)
     inject [options]                Add single function template to project
     clean                           clean the cli cache
     server                          start node static http service by server(more about live-server)
     check-version                   check the @a0znpm/fecli version.
     config                          update config file of fecli
     install [options]               Install front-end related npm global packages

Example

   > fe create
   >
      ? Please input your project name testPro
      ? Please select your project template
        template-pc-vue3(PC、vue3、elementui)
        template-wap-vue3-vant(wap、vue3、vant)
        template-node-serve-express
      ❯ template-vue2-webpack-umd
        template-jslib-rollup
        template-jslib-gulp
        template-web-gulp(gulp、jquery、require、mustache)
      (Move up and down to reveal more choices)
      
   > fe create -c https://github.com/UserName/ProjectTemplateXXX
   > fe tree
   >
      fecli
      ├── bin
      │   └── fecli.js
      ├── doc
      │   ├── Q&A.md
      │   ├── log.md
      │   ├── rules.md
      │   └── todo.md
      ├── lib
      │   ├── rules
      │   │   ├── config
      │   │   │   └── dir-structure.json
      │   │   └── base.json
      │   ├── util
      │   │   ├── checkUtils.js
      │   │   ├── directory-tree.js
      │   │   ├── enhanceErrorMessages.js
      │   │   ├── fileUtils.js
      │   │   ├── note.js
      │   │   ├── server.js
      │   │   └── utils.js
      │   ├── cli.config.json
      │   └── sgl.config.json
      ├── test
      │   ├── directory-tree
      │   │   ├── directory-tree.js
      │   │   └── directoryTreeDesc.md
      │   ├── envinfo
      │   │   └── envinfo.js
      │   ├── recursive-readdir
      │   │   └── recursive-readdir.js
      │   ├── server
      │   │   ├── index.html
      │   │   ├── index.js
      │   │   └── test.js
      │   ├── util
      │   │   ├── fileUtils.js
      │   │   ├── note.js
      │   │   └── utils.js
      │   ├── walk
      │   │   └── walk.js
      │   ├── 1.css
      │   ├── 1.html
      │   ├── 1.js
      │   ├── 1.vue
      │   └── directoryTreeDesc.md
      ├── .gitignore
      ├── .npmignore
      ├── LICENSE
      ├── README-Inner.MD
      ├── README.MD
      ├── directoryTreeDesc.md
      ├── package-lock.json
      └── package.json
   > fe inject
   >
     .editorconfig
     eslint config(.eslintignore、.eslintrc.js)
     .gitignore
     .prettierrc
     readme-project.md
     readme-sdk.md
     vue-component.vue
     
     
   > fe inject -c https://github.com/UserName/ProjectTemplateXXX

> fe install
> ? Please select the npm package that needs to be installed globally (Press <space> to select, <a> to toggle all, <i> to invert 
   selection)
   ❯◉ nrm
    ◉ yarn
    ◉ pnpm
    ◉ @vue/cli
    ◉ nuxt
    ◉ gulp-cli
    ◉ create-react-app

Knowledge Point

TODO

  • 本地Mock服务
  • 统一本地开发环境
  • window测试+兼容

License

MIT