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

@daysnap/cli

v0.0.20

Published

工具脚手架

Downloads

418

Readme

快速入门

warning Node 版本要求: Node.js >= 12.0

安装

  1. 你可以使用下列任一命令安装这个新的包:

    npm install -g @daysnap/cli
    # 或者
    yarn global add @daysnap/cli
  2. 安装成功之后,就可以在命令行中访问 dsc 命令了

    dsc -v

升级

如需升级全局的 Vue CLI 包,请运行:

npm update -g @daysnap/cli
# 或者
yarn global upgrade --latest @daysnap/cli

命令

基础

命令行执行 dsc 即可出现帮助信息

Usage: dsc <command> [options]

Options:
  -v, --version                   查看版本信息
  -h, --help                      显示命令帮助

Commands:
  config [options]                检查并修改配置
  create [options] [app-name]     创建项目
  husky [options]                 创建 git hooks
  npm [options]                   快速切换 npm 源
  oss [options] [input] [output]  glob 形式 oss
                                  上传文件,[input]需要上传的文件或文件夹,[output]的格式<:directory>[:accessKeyId][:accessKeySecret]]
  publish [options]               发布 npm 包,会自动默认处理 version 版本
  sync [names...]                 同步更新 npm 包到淘宝源,解决发布之后,淘宝源没有立即更新的问题。默认同步执行目录下
                                  package.json 的 name 包.
  help [command]                  显示命令帮助

  执行 dsc <command> -h 查看指定命令的使用方法.

查看版本

dsc -vdsc --version

@daysnap/cli 0.0.16

查看帮助

  • dsc -hdsc help 命令效果跟 dsc 一致

  • dsc help [command]dsc npm -h 显示指定命令帮助,例如 dsc help npm

    Usage: dsc npm [options]
    
    快速切换 npm 源
    
    Options:
    -l, --list        列出当前支持的 npm 源
    -u, --use <name>  切换 npm 源
    -h, --help        显示命令帮助

切换 npm 源

dsc npm [options]

  • dsc npm -h 查看帮助信息

    Usage: dsc npm [options]
    
    快速切换 npm 源
    
    Options:
    -l, --list        列出当前支持的 npm 源
    -u, --use <name>  切换 npm 源
    -h, --help        显示命令帮助
  • dsc npm -l 列出当前支持的 npm 源

    ✔ 查询完成,支持的源如下:
    
    npm ---------- https://registry.npmjs.org/
    yarn --------- https://registry.yarnpkg.com/
    tencent ------ https://mirrors.cloud.tencent.com/npm/
    cnpm --------- https://r.cnpmjs.org/
    taobao ------- https://registry.npmmirror.com/
    npmMirror ---- https://skimdb.npmjs.com/registry/
  • dsc npm -u <name> or dsc npm --use <name> 切换对应源

    # dsc npm -u taobao
    ✔ 切换源 taobao => https://registry.npmmirror.com/ 完成.

发布 npm 包

dsc publish [options]

  • dsc publish -h 查看帮助信息

    Usage: dsc publish [options]
    
    发布 npm 包,会自动默认处理 version 版本
    
    Options:
      -r, --registry <registry>  指定发布源
      -v, --version <version>    指定发布的对应版本
      -m, --message <message>    提交内容
      -p, --push                 推送代码到GIT仓库
      -t, --tag [version]        指定tag版本,指定tag则默认会推送代码到git仓库
      -h, --help                 显示命令帮助
  • dsc publish 发布项目包

    • dsc publish -r 指定发布到对应源

    • dsc publish -v 指定发布对应版本

    • dsc publish -t 推送代码到GIT仓库

创建项目

dsc create <app-name> -t <template>

  • dsc create -h 查看帮助信息

    Usage: dsc create [options] [app-name]
    
    创建项目
    
    Options:
      -t, --template <template>  指定项目模板
      -l, --list                 当前的模板列表
      -c, --cache                使用线下缓存模板
      -b, --branch <branch>      指定模板项目下不同分支,默认主分支
      -o, --orgname <orgname>    指定组织
      -d, --deposit <deposit>    指明使用 gitee 还是 github
      -u, --username <username>  指定用户
      -h, --help                 显示命令帮助
    
  • dsc create -l 列出当前模板列表

    ✔ 查询模板列表完成,模板如下:
    
    1. chrome-extension ------------ 基于 react chrome extension 谷歌浏览器插件
    2. generate -------------------- 生成基准模板项目
    3. mini-program ---------------- 微信小程序
    4. mini-react-taro ------------- taro + react 搭建的各端小程序
    5. multi-page ------------------ 基于 webpack5 打包编译的多入口页面,适用于静态页、官网等项目
    6. react-antd ------------------ react + antd + typescript
    7. react-antd-admin ------------ react + antd + admin
    8. react-antd-pro-admin -------- react + antd + antd-pro + admin
    9. react-antd-tailwind --------- react + antd + tailwind + eslint + prettier
    10. vue3-elelment-plus-admin ---- 基于vue3 、element-plus 、vite 后台管理系统模板项目
    11. vue3-h5-webpack ------------- vue3 + webpack + eslint + prettier + vant
    12. vue3-horn-webpack ----------- vue3 + webpack + horn
  • dsc create text-app -t mini-program 创建小程序项目

husky git hooks

dsc husky [options]

  • dsc husky -h 查看帮助信息

    Usage: dsc husky [options]
    
    创建 git hooks
    
    Options:
      -f --force  如果有安装过,则强制覆盖
      --lock      是否锁定版本,采用本地配置的版本
      -h, --help  显示命令帮助

oss 上传

dsc oss [options]

  • dsc oss -h 查看帮助信息

    Usage: dsc oss [options] [input] [output]
    
    glob 形式 oss上传文件,[input]需要上传的文件或文件夹,[output]的格式为:[<region><:bucket><:directory>[KeySecret]]
    
    Options:
      -c, --config <filepath>     指定配置文件
      -i, --ignore <filepath...>  忽略哪些目录、文件不需要上传,glob 形式
      -d, --dot                   是否匹配点文件
      -h, --help                  显示命令帮助

config 配置管理

dsc config [options]

  • dsc config -h 查看帮助信息

    Usage: dsc config [options]
    
    检查并修改配置
    
    Options:
      -s, --set <path> <value>  修改配置
      -g, --get <path>          查询配置
      -d, --del <path>          删除配置
      -e, --edit                使用默认编辑器打开配置
      --json                    JSON 的形式展示配置
      -h, --help                显示命令帮助

sync 包同步管理

dsc config [options]

  • dsc config -h 查看帮助信息

    Usage: dsc sync [options] [names...]
    
    同步更新 npm 包到淘宝源,解决发布之后,淘宝源没有立即更新的问题。默认同步执行目录下 package.json 的 name 包.
    
    Options:
      -h, --help  显示命令帮助

用到什么

注意

  • module-alias 插件因为会影响修改 package.json 文件,所以特意备份了下源码,处理了这个问题

详情文档请移步 这里