fecli

# fecli
Front-End Command Line Interface

### Welcome
Welcome to improve related functions

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

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

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

~~~

### 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
~~~
- [npm/cli](https://github.com/npm/cli)

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

### License
[MIT](LICENSE)