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

@magic-zhu/ares

v1.1.4

Published

a simple cli

Downloads

3

Readme

介绍 (💦开发中)

image

image image

Ares是一个简单的脚手架,主要是为了解决每次创建项目时都要copy代码,配置插件等繁琐的工作。

  • 📦 开箱即用
  • 🚗 懒人命令
  • 🚀 GUI可视化操作 💦 开发中
  • 📖 一些常用插件和npm的整理和收集 提供一键安装的命令 💦 开发中

目前支持三个版块

  1. D2(超级好用的中后台模板) 👉跳转 官网
  2. 微信小程序 👉跳转
  3. 快捷工具

安装

直接执行下面的命令,安装缓慢的可以切换淘宝镜像源

npm install @magic-zhu/ares -g

使用

🚀 快捷工具

切换npm镜像源

ares npm

image

切换node版本

集成tj大神的n - :exclamation:不支持windows

  • ares node lsr:显示所有可安装的node版本
  • ares node ls:显示所有已安装的node版本
  • ares node install <version>:不带版本的时候安装最新稳定版本的node,带版本的时候安装指定版本的node
  • ares node use:会出现一个列表 选择想要使用的版本按回车即可

✈️ D2Admin

创建项目

:exclamation:快速创建D2 d2 init


##### 新增页面

```shell
d2 add 
主题生成

执行下列命令之后会有一个交互界面,填写完整信息之后,重启项目就能看到新添加的主题了

ares d2 theme 

🍀原生微信小程序

原生微信小程序部分所有的命令都是以ares weapp开头

⚠命令需要在小程序项目根目录下执行 (app.json同级目录)

新建页面

脚手架会自动注册路由

weapp create <name> --page 
weapp create <name> -p //--page的简写
weapp create <name> --page  --subpackage
weapp create <name> -p -s
weapp create <name> -p -s <subpackageName> --path <path>

-p可以省略

name 是新建页面的名字 --page或者-p 表示新建的是页面 --subpackage或者-s 表示这是一个分包 --path 指定要新建的路径

🍀示例

  • weapp create demo 最简单的示例 默认创建在 /pages/demo 这个目录下面
  • weapp create textPage --path /pages/testModule 创建在 /pages/testModule/testPage
  • weapp create hero -s packageA 默认创建在 /packageA/pages/hero
  • weapp create hero -s packageA --path /pages/testModule 创建在/packageA/pages/testModule/hero

新建组件

大体上和新建页面类似

不指定path的情况下 默认/components

ares weapp create <name> -c
ares weapp create <name> --component
ares weapp create <name> -c --path <path>

安装脚手架提供的组件(magic-ui-weapp)

脚手架带了一套方便修改源码的组件库具体请查看 👉文档

ares weapp plugins

示例图片

选择组件后会自动将组件安装到components文件夹下并自动在全局注册好

示例图片