sliao-cli 一款可以生成HTML/REACT/VUE框架,并支持git常规命令的脚手架

435 阅读2分钟

sliao-cli是什么?

  • 一个支持生成 html/react/vue 模板,并基于git封装更加便捷命令功能的脚手架工具

  • 如何使用:全局安装 -g,即可向其他脚手架一样正常使用;

sliao-cli有哪些功能?

  • 初始化框架有
    • 1.html - 干净的html + css文件
    • 2.react - react 框架,直接项目开发
    • 3.vue - vue 框架,直接项目开发
  • git常规命令
    • 1.sliao-cli pull : 进入项目文件,直接执行sliao-cli pull; 拉去新github新代码;
    • 2.sliao-cli commit "desc" : 进入项目文件,直接执行sliao-cli commit '描述文案', commit文件;
    • 3.sliao-cli push : 进入项目文件,直接执行sliao-cli push, 提交最新文件;
    • 4.sliao-cli tag "tagName" : 进入项目文件,直接执行sliao-cli tag tag名, 提交并推送上线,更新最新文件;

如何使用 sliao-cli


## 1.安装
 npm install -g sliao-cli
## 2.创建项目
  sliao-cli init xxx
## 3.进入项目文件
  cd ./xx 
## 4.安装项目依赖
  npm install
## 5.完成(Complete)

sliao-cli 操作git

我们使用git管理代码的时候,操作git 命令是避免不了的,但是否有时候想偷懒,想更加精简去实现命令的执行,那我们可以尝试用 sliao-cli git命令

### sliao-cli pull
### sliao-cli commit "desc"
### sliao-cli push
### sliao-cli tag "tagName"
  • sliao-cli pull 实现代码远程pull (相当于git pull origin branch)
  • sliao-cli commit “desc” 实现代码commit (相当于git commit -m 'xxxx')
  • sliao-cli push 实现代码push (相当于git push origin branch)
  • sliao-cli tag "tagName" 实现代码打tag并且实现push

优势

当前如果要开发vue框架,可能需要安装vue-cli脚手架;如果要开发react框架,可能需要安装create-react-app脚手架;如果是纯粹偶发性学习,安装这些可能是一个资源的浪费,那可以推荐,使用sliao-cli脚手架,资源包小,但同时支持html、react、vue;且后续持续更新当中

sliao-cli 可以生成哪些模板

1.Html 模板

可以生成带有html和css 纯净的html页面,免去自己手动写html结构创建html页面文件;

举个例子 使用前.png image.png image.png

2.react 模板

可以生成react纯净的框架模板
注意:"react":"^16.8.6"

举个例子 image.png image.png image.png

3.vue 模板

可以生成react纯净的框架模板
注意:"react":"^16.8.6"

举个例子 image.png image.png

image.png