Awesome CLI

请移步https://github.com/zhuxiaoxi/awesome-online-tools 欢迎一同维护这个列表

  • jq JSON工具
  • shellcheck 更好用的Shell语法检查
  • cloc 代码统计工具
  • ccache C/C++编译缓存工具
  • fpp 识别输出结果中的文件路径工具
  • ctop 更好用的容器监视工具
  • rtop 更好用的远程监视工具
  • sz/rz 更好用的文件传输工具
  • you-get/youtube-dl 更好用的视频下载工具
  • pbcopy/pbpaste 仅在Mac系统上可用的剪切板交互工具
  • cppman C语言手册速查
  • mc 类似DOS的文本编辑器
  • cgasm 汇编语言查询手册
  • ranger 终端下的文件管理工具
  • cgdb/peda 终端调试工具
  • thefuck 命令修正工具
  • mackup/homeshick dotfiles同步工具
  • graphviz 画图工具
  • pandoc 文件格式转换工具
  • pm2 进程管理工具
  • mapscii 终端下看地图
  • autotrash 清理回收站工具
  • socat/netcat 网络工具
  • progress/pv 监视命令进度工具

系统增强

  • prettyping 更好用的ping工具
  • colorls/exa 更好用的ls工具
  • most 更好用的less/more工具
  • xkill 更好用的kill工具
  • asciinema 更好用的script终端录像工具
  • dstat 更好用的vmstat工具
  • multitail 更好用的tail工具
  • tmux/screem/reptyr 更好用的Nohop工具
  • zsh/fish/elvish 更好用的Shell工具
  • ncdu 更好用的du工具
  • tldr/cheat/bro/apropos 更方便的man工具
  • htop/gtop/vtop/gotop/ptop/hegemon/glances/nmon 更好用的Top工具
  • tig/lazygit 更好用的图形化Git客户端
  • ag/ack/pgrep 更好用grep的工具
  • mycli 更好用的MySQL客户端
  • mosh 更快速的SSH工具
  • icdiff 更好用的diff工具
  • axel/aria2c 更好用的wget工具
  • fzf 更好用的find工具
  • alder 更好用的tree工具

美化输出

  • cowsay
  • figlet
  • lolcat
  • toilet
  • rev

动画

  • cmatrix
  • nyancat

转载于:https://www.cnblogs.com/zhuxiaoxi/p/10345324.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在使用 Vue CLI 创建的项目中,可以使用第三方库来实现图片轮播功能。以下是一个基本的示例: 1. 首先,安装一个轮播库,比如 `vue-awesome-swiper`: ```bash npm install vue-awesome-swiper --save ``` 2. 在你的组件中导入和使用轮播库: ```vue <template> <div class="carousel"> <swiper :options="swiperOptions"> <swiper-slide v-for="(image, index) in images" :key="index"> <img :src="image" alt="Slide Image" /> </swiper-slide> <div class="swiper-pagination" slot="pagination"></div> <div class="swiper-button-prev" slot="button-prev"></div> <div class="swiper-button-next" slot="button-next"></div> </swiper> </div> </template> <script> import { Swiper, SwiperSlide } from "vue-awesome-swiper"; import "swiper/swiper-bundle.css"; export default { components: { Swiper, SwiperSlide, }, data() { return { images: [ "https://example.com/image1.jpg", "https://example.com/image2.jpg", "https://example.com/image3.jpg", // 添加更多图片链接 ], swiperOptions: { pagination: { el: ".swiper-pagination", }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, }, }; }, }; </script> <style> .carousel { width: 100%; max-width: 600px; margin: 0 auto; } </style> ``` 这是一个简单的图片轮播的示例,其中使用了 `vue-awesome-swiper` 库。你可以根据需要调整样式和配置。记得在项目中导入相关的 CSS 文件。 希望这可以帮助到你!如果还有其他问题,请随时提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值