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

在这里插入图片描述


目录

  • 资源链接
  • 基础命令
  • 模板创建
    • 命令帮助
    • 选择模板
    • 开始创建
    • 开发模板
  • 开发背景
  • npm 发布流程
  • 问题记录
    • 模板创建超时
  • 更新日志


资源链接

文档:https://ty.cli.vrteam.top/
源码:https://github.com/bosombaby/ty-cli

基础命令

1. npm 全局安装
npm i ty-cli-market -g2. 快捷键 ty/ty-cli3. 帮助命令 ty -h
Usage: ty-cli <command> [options]A simple CLI tool for string manipulationOptions:
-V, --version                    output the version number
-h, --help                       display help for commandCommands:
create [options] <project-name>  create a new project
help [command]                   display help for commandRun ty-cli <command> --help for detailed usage of given command.4. 版本查看 ty -V
1.1.0

模板创建

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

  1. 配置命令的基本信息
  2. 解析后面的 options 响应参数
    1. 存在 force 参数,直接下载
    2. 不存在 force 参数,判断是否有重名的模板,给用户选择是否覆盖
      1. 退出本次操作
      2. 覆盖当前文件
  3. 一步步确认模板的类型
  4. github 拉取项目信息
  5. 下载模板到本地
  6. yarn run build

命令帮助

5.png

选择模板

6.png

开始创建

7.png

9.png

开发模板

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

开发背景

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

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

npm 发布流程

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 端口

取消全局 Git 配置中设置的 HTTPS 代理服务器
git config --global --unset http.proxy
git config --global --unset https.proxy

更新日志

  1. 2024-6-30 V1.0.0 第一版上线
  2. 2024-7-1 后续 create 命令优化
  3. 2024-7-3 说明文档 V1.0.1
  4. 2024-7-8 GitHub API 权限认证 V1.1.0
  5. 2024-7-9 https://ty.cli.vrteam.top/ 文档完善
  • GitHub 会有网络问题,后续整体迁移到 GitLab
  • 模板定制化选择,维度包括:语言版本、组件库、功能细分
  • 后台管理系统模板优化开发

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/43735.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Zabbix Sia Zabbix 逻辑漏洞(CVE-2022-23134)

前言 CVE-2022-23134是一个中等严重度的漏洞&#xff0c;影响Zabbix Web前端。这个漏洞允许未经身份验证的用户访问setup.php文件的某些步骤&#xff0c;这些步骤通常只对超级管理员开放。利用这个漏洞&#xff0c;攻击者可以通过跳过某些步骤来重新配置Zabbix前端&#xff0c…

gazebo仿真环境中加入livox mid360

https://github.com/Livox-SDK/livox_laser_simulation 功能包适用于ubuntu18.04 gazebo9的可以直接编译运行。在ubutun20.04 的系统下gazebo是11版本,需要做一些修改 CMakeLists.txt文件中的 add_compile_options(-std=c++11) 改为 add_compile_options(-std=c++17)fatal er…

二一、搭建自已的语言大模型

1. 配置langchain环境 使用conda创建一个虚拟环境,基于 Python3.10,并在虚拟环境内安装项目的依赖。注意,大模型对gpu有一定的要求,否则速度会奇慢无比。 conda create -n langchain python=3.10 conda env list conda activate langchain # 拉取仓库 $ git clone ht…

Redis-Jedis连接池\RedisTemplate\StringRedisTemplate

Redis-Jedis连接池\RedisTemplate\StringRedisTemplate 1. Jedis连接池1.1 通过工具类1.1.1 连接池&#xff1a;JedisConnectionFactory&#xff1a;1.1.2 test&#xff1a;&#xff08;代码其实只有连接池那里改变了&#xff09; 2. SpringDataRedis&#xff08;lettuce&#…

终于弄明白了什么是EI!

EI是Engineering Index的缩写&#xff0c;中文意为“工程索引”&#xff0c;是由美国工程信息公司(Engineering Information, Inc.)编辑出版的著名检索工具。它始创于1884年&#xff0c;拥有超过一个世纪的历史&#xff0c;是全球工程界最权威的文献检索系统之一。EI虽然名为“…

十五、小型电脑没有数字键及insert,怎么解决IDEA快速插入getset构造这些方法

&#x1f33b;&#x1f33b;目录 一、小型电脑没有数字键及insert&#xff0c;怎么解决IDEA快速插入getset构造这些方法 一、小型电脑没有数字键及insert&#xff0c;怎么解决IDEA快速插入getset构造这些方法 解决&#xff1a; 1.winR打开搜索 2.osk回车 屏幕就出现了这样的一…

CC7利用链分析

分析版本 Commons Collections 3.2.1 JDK 8u65 环境配置参考JAVA安全初探(三):CC1链全分析 分析过程 CC7,6,5都是在CC1 LazyMap利用链(引用)的基础上。 只是进入到LazyMap链的入口链不同。 CC7这个链有点绕&#xff0c;下面顺着分析一下利用链。 入口类是Hashtable&…

前端入门知识分享:如何在HTML或CSS文件中引用CSS文件。

阅读提示&#xff1a;本文仅仅仅适用于刚刚接触HTML和CSS的小白从业者&#xff0c;新人爱好者。自觉身份不符的老鸟们&#xff0c;尽快绕行吧&#xff01; 什么是CSS&#xff1f;什么是CSS文件。 CSS&#xff0c;全称为Cascading Style Sheets&#xff08;层叠样式表&#xff…

分布式IO模块软件配置

组态接口模块 1、打开网络视图 2、拖拽出ET200SP 3、双击ET200SP的图片&#xff0c;进入从站配置 总线适配器的组态更换 关于IO地址分配&#xff0c;需要建立好子网通信后&#xff0c;在主机上配置。 可以看到IP 和设备名 设备与控制器的Profinet连接 先找到设备名称再找…

HarmonyOS鸿蒙DevEco Studio无法连接本地模拟器

使用DevEcoStudio 5.0.3.403版本 发现无法选择模拟器 解决方法&#xff1a; 1、打开模拟器 2、关闭DevEco Studio&#xff0c;&#xff08;不要关闭模拟器&#xff09; 3、重新打开DevEco Studio。

EXCEL VBA发邮件,实现自动化批量发送

EXCEL VBA发邮件&#xff0c;实现自动化批量发送 以GET方式上传数据 Public Function uploadData_GET(ByVal url As String)Dim httpSet http CreateObject("Microsoft.XMLHTTP")http.Open "GET", url, Falsehttp.sendDebug.Print http.getAllResponseHea…

四道经典算法JAVA

1.爬楼地 爬20个台阶的爬法:f(19)f(18) 经典斐波拉契数列问题 public class demo4 {//爬楼梯问题public static void main(String[] args) {System.out.println(getSum(20));}public static int getSum(int n) {if (n 1)return 1;if (n 2)return 2;return getSum(n - 1) …

SpringBoot:SpringBoot中如何实现对Http接口进行监控

一、前言 Spring Boot Actuator是Spring Boot提供的一个模块&#xff0c;用于监控和管理Spring Boot应用程序的运行时信息。它提供了一组监控端点&#xff08;endpoints&#xff09;&#xff0c;用于获取应用程序的健康状态、性能指标、配置信息等&#xff0c;并支持通过 HTTP …

jdk1.8 ConcurrentHashMap 源码分析

ConcurrentHashMap 1.8 使用synchronized 和CAS 实现 记住&#xff1a;1.8没有分段锁不要混淆了&#xff0c;分段锁是1.7中的 final V putVal(K key, V value, boolean onlyIfAbsent) {if (key null || value null) throw new NullPointerException();//计算hashint hash…

关于Python的类的一些理解

才发现python的类对象只能调用类方法 我想使用对类对象a使用系统调用的len方法就会报错 2.类对象a是什么&#xff1f; 答&#xff1a;是所有的带有self的成员变量 举例说明&#xff1a;红色的就是a里面的东西 class A:def __init__(self,data):self.datadataself.b1self.d{a…

发表EI会议论文-对考研生和研究生都有好处!

EI论文对考研和保研的帮助主要体现在以下几个方面&#xff1a; 对考研的帮助 1.复试加分&#xff1a;在考研过程中&#xff0c;复试阶段是关键&#xff0c;拥有EI论文可以证明考生具备一定的科研能力&#xff0c;给考官留下深刻印象&#xff0c;有助于提高复试通过率。 2.学…

解读‘‘不要卷模型,要卷应用‘‘

前言 2024 年 7 月 4 日&#xff0c;世界人工智能大会暨人工智能全球治理高级别会议全体会议在上海世博中心举行。百度创始人李彦宏在产业发展主论坛上发言&#xff0c;呼吁不要卷模型&#xff0c;要卷应用。 目录 四个要点 积极的观点 不合理性 总结 四个要点 李彦宏的呼吁…

多模态:Nougat详解

文章目录 前言一、模型结构1. encoder2. decoder3. set 二、数据增强三、数据splitting the pages 四、实验评估repetitions during inference 五、代码1. 环境安装2. Dataset&#xff08;dataset.py&#xff09;3. Model&#xff08;model.py&#xff09; 总结 前言 科学知识…

一网统管/视频汇聚/安防监控平台EasyCVR启动后无法访问是什么原因?

智慧城市/一网统管/视频汇聚/安防监控平台EasyCVR兼容性强&#xff0c;支持多协议接入&#xff0c;包括国标GB/T 28181协议、GA/T 1400协议、部标JT808协议、RTMP、RTSP/Onvif协议、海康Ehome、海康SDK、大华SDK、华为SDK、宇视SDK、乐橙SDK、萤石云SDK等&#xff0c;并能对外分…

接口测试课程结构

课程大纲 如图&#xff0c;接下来的阶段课程&#xff0c;依次专项讲解如下专题&#xff0c;能力级别为中级&#xff0c;进阶后基本为中高级&#xff1a; 1.接口基础知识&#xff1b; 2.抓包工具&#xff1b; 3.接口工具&#xff1b; 4.mock服务搭建&#xff08;数据模拟服务&am…