TinyCLI上手体验

TinyCLI是什么

TinyCLI 是前端工程化的核心工具。旨在为开发者提供一系列健壮的工具、套件、插件和工作流,基于统一的开发环境,保证团队开发过程的一致性和可复制性。

TinyCLI 提供了类似yeoman的脚手架功能,让你快速的搭建本地开发环境；同时提供了类似于gulp的插件机制,用于解决前端开发过程中的各类问题。

TinyCLI 的设计思想来源于 npm,npm 本身不具备太多的功能,只是一个包管理工具。TinyCLI 也是一样,TinyCLI 本身不具备任何工程化能力,TinyCLI 只是提供了一个让你写套件(脚手架)、写插件的平台,该平台可以安装、管理、运行对应的套件/插件

TinyCLI的特性

插件体系：丰富的效率插件、流程插件、脚手架套件等, 覆盖从开发->构建->发布的所有生命周期
自动化安装与升级：无需手动安装和升级插件
增强版任务流机制：类似npm scripts的任务机制,但功能更加强大,支持同步和异步两种任务执行方式
高效易用：提供了一站式的项目开发脚手架, 满足不同场景诉求

TinyCLI的安装

需要有 Node.js 与 NPM环境

npm i @opentiny/cli npminstall@3 -g

验证版本

tiny -v

创建项目

使用 tiny init 命令,选择你需要开发的项目类型,本示例选择pro 项目类型

$ tiny init
? 请选择一个适合您项目的套件进行初始化: (Use arrow keys)
>   dev  ----------  开发tiny-cli套件和插件
    pro  ----------  开箱即用的中后台前端/设计解决方案
    docs ----------  用于开发组件库官网的套件

如果使用的是默认的镜像可能会出现初始化失败的情况ERR SOCKET TIMEOUT,需要切换为淘宝镜像 或者 华为镜像,切换镜像后删除项目下的tiny.config.js文件,重新执行tiny init命令

# 设置为淘宝镜像
npm config set registry https://registry.npm.taobao.org

按照上面跑pro可能依赖会下载不了(~~可能是我的问题~~),建议直接执行下面命令

tiny init pro

感受

用确实方便,~~但是我感觉里面的组件好丑~~,不在我的审美范围内,看起来没有那种丝滑的感觉,感兴趣的小伙伴可以去体验一下🌚