sliao-cli是什么?

• 一个支持生成 html/react/vue 模板的脚手架工具 (A scaffolding tool that supports generating HTML / react / Vue templates;)
• 使用：全局安装 -g ( Use: global install - g)

sliao-cli有哪些功能？

• 初始化框架有(The initialization framework has)

  • 1.html - 干净的html + css文件 ( HTML - clean HTML + CSS file)
  • 2.react - react 框架，直接项目开发 (React - react framework, direct project development)
  • 3.vue - vue 框架，直接项目开发 (Vue - Vue framework, direct project development)
  • 4.初始化一个react框架，直接项目开发 (React - init React framework, direct project development)
  • 5.初始化vite脚手架，可以自由选择前端框架，直接项目开发 (Initialize Vite scaffolding, allowing users to freely choose front-end frameworks for direct project development)

• html模板集成了自定义框架svue(git General Command)

  • 集成一个新研发的框架-svue（v1.0.0）;可以实现基本的数据绑定和点击事件，等……；
  • html模板具备基本的业务开发能力，svue框架包也只有4kb，精简且方便
  • svue 后续将继续完善……

          new SVue({
              el: '#app',
              data: {
                  name: "test",
                  title: 'hello world！',
                  btnText: '静态test数据',
                  html: '<button>动态一个按钮</button>',
                  arrData: [
                      {
                          key: 'key1',
                          value: 'val1'
                      },
                      {
                          key: 'key2',
                          value: 'val2'
                      },
                  ]
              },
              created() {
                  console.log('初始化函数');
              },
              methods: {
                  changeName() {
                      this.name = this.btnText;
                      this.title = 'yes';
                  }
              }
          })

• git常规命令(git General Command)

  • 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名, 提交并推送上线，更新最新文件;

1.安装（Installation）

• npm install -g sliao-cli

2.创建项目（Create project）

• sliao-cli init xxx

3.进入项目文件（Enter project file）

• cd ./xx

4.安装项目依赖（Install project dependencies）

• npm install

5.完成（Complete)

6.git

sliao-cli pull

sliao-cli commit "desc"

sliao-cli push

sliao-cli tag "tagName"

7.version

v 1.4.0 (2021-10-17)

• html模板增加了svue框架，可以直接双向绑定等相关操作

v 1.3.9 (2021-10-02)

• html模板放在init name 的name文件下

v 1.3.8 (2021-09-25)

• 去除pull和push 指令带分支，减少用户操作成本
• Remove the branch of pull and push instructions to reduce user operation cost

v 1.3.0

• 修复模板自带 .git文件
• Repair the. Git file that comes with the template

v 1.4.1 (2025-07-07)

• 增加react init项目
• 增加create-vite脚手架，自由选择react/vue 等框架；
• add create-vite, you can choice react/vue

AND ing……

--------------------share--------------------------

这是一个开源项目，目前在于学习和创建一个简单、轻量的脚手架工具；

This is an open-source project, currently focused on learning and creating a simple and lightweight scaffolding tool

如果喜欢这个cli，欢迎打赏一杯咖啡

If you like this cli, you are welcome to enjoy a cup of coffee