fecli

# fecli
Front-End Command Line Interface

npm: https://www.npmjs.com/package/@a0znpm/fecli

### Welcome
Welcome to improve related functions

- [project template](https://github.com/MShineRay?tab=projects)
- [cli](https://github.com/MShineRay/fecli)

### 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 [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](https://www.npmjs.com/package/tree-node-cli))
     inject                Add single function template to project
     clean                 clean the cli cache
     server                start node static http service by server(more about [live-server](https://www.npmjs.com/package/live-server))
~~~

### 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 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

~~~

### Knowledge Point
 - [使用 Node.js 开发简单的脚手架工具](https://mp.weixin.qq.com/s/o4D4DI59GzdeI8KTp0RGuA)
 - [npm发布注意事项](https://blog.csdn.net/gamesdev/article/details/49018629)
 - npm 发布时，需要更改package.json中的版本
 - cli中的模板download的路径，详细阅读对应API
 - [@vue/cli](https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli)
 - [从0开始发布一个无依赖、高质量的 npm 包](https://mp.weixin.qq.com/s/0oDXwz-SBoh3mEymlNxh7w)
 - [前端进阶（13） - 搭建自己的前端脚手架](https://segmentfault.com/a/1190000016481132)
 - [发布npm包时遇到的一些坑](https://www.jianshu.com/p/40f732d91a8c)
    - npm publish --access public
 - [npm docs](https://docs.npmjs.com/cli/v7/using-npm/developers)
 - [tree-node-cli](https://www.npmjs.com/package/tree-node-cli)
   ~~~
    npm install -g tree-node-cli
    tree -I "node_modules"  --dirs-first
   ~~~
 - [软件版本周期](https://zh.wikipedia.org/wiki/%E8%BB%9F%E4%BB%B6%E7%89%88%E6%9C%AC%E9%80%B1%E6%9C%9F)
 - [live-server](https://www.npmjs.com/package/live-server)
   ~~~
   npm install -g live-server
   live-server
   ~~~
### License
   [MIT](LICENSE)