四川省城乡和住房建设厅网站首页wordpress 文章自动分页

四川省城乡和住房建设厅网站首页,wordpress 文章自动分页,天津搜狗seo推广,网站毕业设计图怎么做clack/prompts 概述 clack/prompts 是一个轻量、美观且开发者友好的Node.js库#xff0c;用于在命令行终端中构建交互式用户界面。它提供了一系列样式现代的提示组件#xff0c;支持异步操作#xff0c;并包含完整的类型定义#xff08;TypeScript#xff09;#xff0c;…clack/prompts概述clack/prompts是一个轻量、美观且开发者友好的Node.js库用于在命令行终端中构建交互式用户界面。它提供了一系列样式现代的提示组件支持异步操作并包含完整的类型定义TypeScript能够显著提升命令行工具的用户体验。安装使用npm或yarn进行安装# 使用 npmnpminstallclack/prompts# 使用 yarnyarnaddclack/prompts# 使用 pnpmpnpmaddclack/prompts基础使用模式每个使用clack/prompts的CLI工具通常遵循以下模式// 1. 引入必要的函数import{intro,outro,confirm,isCancel}fromclack/prompts;// 2. 显示欢迎信息intro(欢迎使用我的CLI工具);// 3. 执行交互逻辑constshouldContinueawaitconfirm({message:是否继续执行});// 4. 处理用户取消操作if(isCancel(shouldContinue)){cancel(操作已取消);process.exit(0);}// 5. 显示结束信息outro(任务已完成);核心组件详解1. 文本输入 (input)用于获取用户单行文本输入。参数说明message: 显示给用户的提示信息placeholder: 输入框内的占位符文本defaultValue: 默认值validate: 验证函数返回字符串表示验证失败import{text}fromclack/prompts;constnameawaittext({message:请输入项目名称,placeholder:my-awesome-project,defaultValue:default-project,validate:(value){if(value.length3)return名称至少需要3个字符;if(!/^[a-z\-]$/.test(value))return只能包含小写字母和连字符;}});2. 确认选择 (confirm)获取布尔值的是/否回答。import{confirm}fromclack/prompts;constisReadyawaitconfirm({message:是否确认删除,initialValue:true// 默认选中是});3. 单选列表 (select)让用户从选项列表中选择一个值。选项配置value: 选项的实际值label: 显示给用户的文本hint: 额外的提示信息可选import{select}fromclack/prompts;constframeworkawaitselect({message:请选择前端框架,options:[{value:react,label:React,hint:Facebook开发},{value:vue,label:Vue.js,hint:渐进式框架},{value:angular,label:Angular,hint:Google开发},{value:svelte,label:Svelte}],initialValue:vue// 默认选中Vue});4. 多选列表 (multiselect)允许用户选择多个选项。import{multiselect}fromclack/prompts;constfeaturesawaitmultiselect({message:选择要添加的功能,options:[{value:typescript,label:TypeScript,hint:类型安全},{value:eslint,label:ESLint,hint:代码检查},{value:prettier,label:Prettier,hint:代码格式化},{value:tests,label:测试框架}],required:false,// 是否至少选择一项initialValues:[typescript,eslint]// 默认选中的值});5. 密码输入 (password)输入内容会被隐藏适用于敏感信息。import{password}fromclack/prompts;constsecretKeyawaitpassword({message:请输入API密钥,mask:•// 自定义掩码字符});6. 进度指示器显示长时间操作的进度。import{progress}fromclack/prompts;// 创建进度条实例constpprogress(0,100,处理中...);// 更新进度p.update(30,正在下载文件...);p.update(60,正在处理数据...);p.update(100,完成);// 或使用静态方法progress(30,100,第一阶段完成);高级功能1. 处理取消操作所有提示函数都可能被用户通过CtrlC取消必须妥善处理import{text,isCancel,cancel}fromclack/prompts;try{constanswerawaittext({message:请输入内容});if(isCancel(answer)){cancel(用户取消了操作);process.exit(0);}console.log(用户输入:${answer});}catch(error){cancel(发生错误: error.message);}2. 自定义样式和主题通过配置对象自定义外观import{setTheme}fromclack/prompts;// 应用自定义主题setTheme({color:{primary:#FF6B35,success:#00C851,error:#FF4444}});3. 分组提示将多个相关提示组合在一起import{group}fromclack/prompts;constresultsawaitgroup({name:()text({message:姓名}),email:()text({message:邮箱}),subscribe:()confirm({message:订阅新闻})},{onCancel:(){cancel(操作取消);process.exit(0);}});console.log(results);// { name: ..., email: ..., subscribe: true/false }完整示例以下是一个完整的CLI工具示例演示了多个组件的组合使用#!/usr/bin/env nodeimport{intro,outro,select,text,confirm,multiselect,isCancel,cancel}fromclack/prompts;asyncfunctionmain(){// 欢迎界面intro( 项目初始化工具);// 收集项目信息constprojectTypeawaitselect({message:选择项目类型,options:[{value:web,label:Web应用},{value:cli,label:命令行工具},{value:lib,label:库/包}]});if(isCancel(projectType)){cancel(操作已取消);returnprocess.exit(0);}constprojectNameawaittext({message:项目名称,placeholder:请输入有效的包名});if(isCancel(projectName)){cancel(操作已取消);returnprocess.exit(0);}constfeaturesawaitmultiselect({message:选择功能,options:[{value:typescript,label:TypeScript},{value:testing,label:测试框架 (Jest)},{value:linting,label:代码检查 (ESLint)},{value:formatting,label:代码格式化 (Prettier)}]});if(isCancel(features)){cancel(操作已取消);returnprocess.exit(0);}constconfirmSetupawaitconfirm({message:确认创建项目});if(isCancel(confirmSetup)||!confirmSetup){cancel(项目创建取消);returnprocess.exit(0);}// 模拟创建过程console.log(\n 创建项目结构...);console.log( 项目名称:${projectName});console.log( 类型:${projectType});console.log(✨ 功能:${features.join(, )});// 结束界面outro(✅ 项目创建成功);}main().catch(console.error);注意事项异步处理所有提示函数都是异步的必须使用await或.then()。取消处理务必使用isCancel()检查每个提示的返回值。版本兼容性v1.x版本可能包含破坏性变更生产环境建议锁定版本号。错误处理使用try-catch包装可能出错的提示操作。最佳实践为必填字段提供清晰的验证信息使用placeholder和hint提供额外指导按逻辑顺序组织提示问题及时处理用户取消操作在长时间操作前提供确认提示这个库特别适合构建项目脚手架、配置向导、系统管理工具等需要复杂用户交互的CLI应用程序。