fecli

Front-End Command Line Interface

Welcome

Welcome to improve related functions

• project template
• cli

Functions

• [X] project develop template
• [X] 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

• 使用 Node.js 开发简单的脚手架工具
• npm发布注意事项
• npm 发布时，需要更改package.json中的版本
• cli中的模板download的路径，详细阅读对应API
• @vue/cli
• 从0开始发布一个无依赖、高质量的 npm 包
• 前端进阶（13） - 搭建自己的前端脚手架
• 发布npm包时遇到的一些坑
  • npm publish --access public
• npm docs
• tree-node-cli

   npm install -g tree-node-cli
   tree -I "node_modules"  --dirs-first

• 软件版本周期
• live-server

  npm install -g live-server
  live-server

• npm/cli

TODO

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

License

MIT