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

matriks

v1.7.2

Published

The project matrix to manage the seed projects

Downloads

24

Readme

项目开发

如何使用

安装

matriks 为一个全局的命令行, 通过一下的命令安装:

npm install -g matriks -d

初始化项目

# 注意, 3.0.0 是 seed 的版本, 请确认最新的 seed 版本
matriks init my-project -v 3.0.0

# 安装一些npm依赖
cd my-project
matriks use

# 如果需要 react, 则:
matriks use react

# 启动一个开发环境, 默认是在 http://localhost:5678
matriks dev

# 前端资源打包
matriks dest

# 前端资源打包并启动一个服务器检测打包后资源
matriks prod

!!!!注意!!!! 以下文档 out of date, 请稍等片刻, 我们马上更新

初始化项目

主要是自动生成 seed/, 横向拷贝 project/

./bin/matriks init

从seed更新project

./bin/matriks update

从project更新 seed

在某些情况下, 会在project里直接修改 seed 的内容 (即非业务代码), 可以用一下的命令回馈到seed项目里

./bin/matriks reverse-update

启动方式:

  • 打开package.json 看script 根据命令可找到对应文件
  • 启动项目命令 npm run dev
  • 看到server.dev.js
    • serverStarter: 用express来启服务的,起了之后有个回调
    • serverApp: 用express.static托管静态资源
  • 服务起来之后 访问 localhost

关于npm module - matriks

  • 入口文件 project/dev/dev-related/locals/lib/main.js

matriks 的使用如下:

# 创建项目文件夹, 这是你的业务项目
> mkdir my-project
> cd my-project

# 将当前的业务项目初始化, 填一些东西, 后期可以在业务项目的根目录的 package.json 里修改
> npm init 

# 安装 matriks, 可考虑用cnpm, 不过npm可能会有更新的版本
> npm install matriks -d 
  
# 初始化业务项目 
> ./bin/matriks init

# 初始化之后, 可以通过以下命令进行依赖安装
# 注意: react 是你要使用的技术栈, 也可以后期再追加
> ./bin/matriks use react

# 安装完毕之后, 进入project, 运行项目
> cd project
> npm run dev

# dev server起来之后, 可以访问 http://localhost:5678/pages/home.html

# 其他相关的命令, 可以参照 my-project/project/ 下的 package.json 里的 script 设置

项目任务列表

./doc/tasks.md