npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@imzlh/vlist

v5.8.0

Published

一个全能的现代化的文件管理UI,使用vue3

Downloads

30

Readme

vList5

vlist5

性能与全能的平衡

全能还好看的文件管理方案 使用Vue构建,与NJS集成 支持超多打开方式,很多好用的小工具

概览

为什么是vList

vList最初就是为了Nginx设计的,经历了4代的积淀已经拥有成熟的方案了 为了并发考虑,我们将大部分功能放在了前端,且对于验证机制使用了SHA1-HMAC,安全可靠 在操作逻辑上,我们向Windows靠拢,右键菜单、Shift多选、拖拽、Explorer...简单易用

项目起源

本来Github上有很多类似的项目了,有的甚至做的比我好,如KodBox 但是本人最近开始返璞归真,想要在最简单的环境下(光猫)部署网盘服务 这个环节无法部署Sql服务,装不下Web套装(Nginx+PHP),这时我就在想创建一个vList项目 vList基于Nginx的功能,100%原生支持,但是随着功能越来越多fancyIndex已经满足不了需求 于是vList升级到了v5

目前已经完成

  • 强大的打开方式
    • 视频
    • 音频
    • 图片
    • 二进制
    • 代码/文本
    • 字体
    • HTML类
    • MarkDown编辑
    • PS文件(需要打开最大兼容)
    • EPub/ TXT书本支持
    • 便捷白板
    • 终端记录(asciinema)
    • Office文档 xslx(R/W) / docx(R)
    • ...(欢迎PR或issue)
  • 完善的UI
    • 手机端
    • PC
    • Windows式重命名、上传移动
    • 动画(正在计划中)
  • Vue响应式设计
    • 设置
    • getConfigsetConfig
  • 文件操作
    • 复制
    • 粘贴
    • 新建
    • 上传
    • 预览操作
    • 批量操作
    • explorer窗格
    • 在线编辑
    • ...(欢迎PR或issue)
  • 额外的支持
    • libmedia UI
    • PWA应用
    • TypeScript化
    • 内置缓存
    • 拖拽支持

特殊操作指南

vList支持一些键盘上的快捷方式,包括

  • 全局:Ctrl+R 激活命令面板,与VSCode的命令面板相似
  • 播放器:方向键调节音量和进度,空格和Enter暂停/播放
  • 列表:支持许多Explorer的快捷键,如
    • F2 F5
    • Ctrl+ C / V / X
    • 方向键,左右切换父子文件夹,上下键切换同级文件(夹)
    • Enter加载文件(夹),但是不会进入文件夹

同时vList支持拖拽导入。拖拽文本是Markdown,有些读取的是URL 因此可以直接插入Muya,VSCode需要自己修改

简单正则

vList有一个强大的功能:正则匹配(文件夹下右键 -> 文件夹小工具),帮助你快速筛选文件(夹)执行功能 但是如何编写正则呢?对于小白,只需要知道

  • $ 匹配$前面为结尾的文件,如mkv$匹配a.mkv而不是a.mkv.ass
  • []框框里填写你想要的格式,如 a-z 26个字母 0-9 10个数字,在之后添加+表示重复多次 举例:匹配所有 数字+mkv格式的文件,如hello.001.mkv,正则为[0-9]+.mkv$,就选中了

安装指南

需要NodeJS和NJS后端 或者可以在release找到预编译的版本

npm install
npm run build

dist/ 的内容上传到你的Web服务器(nginx),访问即可