【Ty CLI】一个开箱即用的前端脚手架

知心宝贝 2024-07-17 08:03:23 阅读 61

在这里插入图片描述


目录

资源链接基础命令模板创建命令帮助选择模板开始创建开发模板

开发背景npm 发布流程问题记录模板创建超时

更新日志


资源链接

文档:https://ty.cli.vrteam.top/

源码:https://github.com/bosombaby/ty-cli

基础命令

<code>1. npm 全局安装

npm i ty-cli-market -g

2. 快捷键 ty/ty-cli

3. 帮助命令 ty -h

Usage: ty-cli <command> [options]

A simple CLI tool for string manipulation

Options:

-V, --version output the version number

-h, --help display help for command

Commands:

create [options] <project-name> create a new project

help [command] display help for command

Run ty-cli <command> --help for detailed usage of given command.

4. 版本查看 ty -V

1.1.0

模板创建

create 命令也就是脚手架的核心指令,用来选择不同的执行模板并下载

配置命令的基本信息解析后面的 options 响应参数

存在 force 参数,直接下载不存在 force 参数,判断是否有重名的模板,给用户选择是否覆盖

退出本次操作覆盖当前文件 一步步确认模板的类型github 拉取项目信息下载模板到本地yarn run build

命令帮助

5.png

选择模板

6.png

开始创建

7.png

9.png

开发模板

10.png

当前是小程序的开发模板,具体模板使用说明可以查看相关文档。

开发背景

目前团队内部后台管理系统过多,需求开发的页面逻辑或者相关组件重复率过高,跨项目开发很容易遇到重复编写大量代码、不同项目的技术栈/版本不统一、相关样式不统一等问题,迫切需要一款标准化、高扩展、简单便捷的脚手架工具来协助开发。

该工具要求具备的核心能力如下:

命令行运行,多种配置可选,可自定义配色方案、核心布局、组件、方法、hooks、http 请求封装完备设计高扩展性,同程内部的工具链路完备

npm 发布流程

<code>1. 切换镜像源到 npm 原生

npm config get registry

npm config set registry https://registry.npmjs.org/

2. npm login 登录(浏览器打开链接登录)

3. npm publih 发布(注意不要重名、登录问题)

4. 切换回到淘宝镜像源

npm config set registry https://registry.npmmirror.com

这里注意发布 npm 需要先进行登录,登录发布时需要明确包名称和版本号的唯一性。

问题记录

模板创建超时

8.png

Git 客户端无法在指定的时间内连接到 GitHub 服务器上的 443 端口

<code>取消全局 Git 配置中设置的 HTTPS 代理服务器

git config --global --unset http.proxy

git config --global --unset https.proxy

更新日志

2024-6-30 V1.0.0 第一版上线2024-7-1 后续 create 命令优化2024-7-3 说明文档 V1.0.12024-7-8 GitHub API 权限认证 V1.1.02024-7-9 https://ty.cli.vrteam.top/ 文档完善

nput type="checkbox" disabled> GitHub 会有网络问题,后续整体迁移到 GitLabnput type="checkbox" disabled> 模板定制化选择,维度包括:语言版本、组件库、功能细分nput type="checkbox" disabled> 后台管理系统模板优化开发



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。