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

xizhi-cli

v1.0.2

Published

悉之(xizhi)前端脚手架, 搭建有前后台常用模板, 以前mathjax,markdown等常用组件, 方便快速启动项目, 或者添加组件

Downloads

12

Readme

🌟 xizhi-cli

悉之 (xizhi) 前端脚手架,提供前后台常用模板,集成 MathJax、Markdown、Husky、ESLint 等组件,助力快速启动项目和添加组件。欢迎贡献优质模板,共同提升开发效率!

🚀 快速开始

要在项目中使用脚手架,请全局安装:

npm i xizhi-cli -g

安装完成后,执行以下命令并根据提示选择模板:

xizhi-cli

🛠 本地维护方法

若需本地调试:

  • 切换到分支

    git checkout feature-xizhi-cli
  • 安装依赖并构建项目

    pnpm install
    pnpm build
  • 本地链接 CLI 工具

    npm link xizhi-cli
  • 使用 CLI

    xizhi-cli

即可在本地运行 xizhi-cli 命令来创建新项目。

📚 已有模板

🏠 项目模板

xizhi-cli仓库中每个分支代表一个模板,目前包含:

  1. vue3-arcoDesign - Arco Design Pro 的 Vue 3 后台模板
  2. react-tailwind-zustand - 优香农 React 模板,使用 Tailwind CSS 和 Zustand
  3. vue3-simple - 使用 Vue CLI 创建的简单 Vue 3 模板
  4. react-simple - 使用 Create React App 创建的简单 React 模板

🔧 组件模板

组件模板全部在xizhi-clicomponents分支下

  1. husky + lintStage - 代码提交钩子与代码风格检查
  2. eslint - JavaScript 代码质量和风格检查工具
  3. vscode - Visual Studio Code 用户配置
  4. markdown - Markdown 文档支持
  5. mathjax - 在网页中显示数学公式

组件旨在为已有仓库添加新功能,CLI 可直接将组件复制进仓库,省去重复配置。

注意: React 的 Markdown 模板需要 React 18 以上版本,Vue 的需要自行添加复制按钮。

📝 项目模板添加方法

如需添加模板,请按以下步骤操作:

  1. 创建一个新分支,分支名即为模板名称。
  2. 清空分支后放入模板代码。
  3. feature-xizhi-cli 分支下的 templates 文件夹中添加模板的 namevaluebranch

⚠️ 注意

  • 权限问题:如拉取代码时报错 403,可能是代码托管在公司的 Gitee 仓库上,需要权限。请先配置 Gitee 的 SSH 公钥

🚧 想做而未完成的功能

计划实现动态获取仓库分支的功能,但需使用 Gitee 的 API 并添加个人令牌访问私有仓库。由于硬编码不安全,目前尚未找到好的解决方案。