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

legao-project-product

v0.0.7

Published

目录说明 - api mock假数据 - build 执行`tnpm run build`后生成的静态文件 - node_modules 依赖包,类似于jar包 - src/ajax 通讯层:统一配置api地址,发送Ajax请求,并根据响应状态码提示用户(务必保证接口格式形如:{"message":"","code":"","data":{}}) - src/component 公共组件:侧边栏,头部,布局组件 - src/core 核心架构组件(基类,供业务组件以及公共组件集成) - src/util/

Downloads

24

Readme

目录说明

  • api mock假数据
  • build 执行tnpm run build后生成的静态文件
  • node_modules 依赖包,类似于jar包
  • src/ajax 通讯层:统一配置api地址,发送Ajax请求,并根据响应状态码提示用户(务必保证接口格式形如:{"message":"","code":"","data":{}})
  • src/component 公共组件:侧边栏,头部,布局组件
  • src/core 核心架构组件(基类,供业务组件以及公共组件集成)
  • src/util/constant 配置常量
  • src/util/componentWrapper.js 乐高通用组件上再做一次封装,设置默认配置
  • src/views 内容区域对应的视图
  • tools 打包依赖的脚本
  • app.js 应用程序的入口文件
  • index.html 模板文件
  • menu.js 系统全量菜单的配置文件(不关心权限)
  • .eslintrc 隐藏文件,编码风格规则配置文件(帮助文档: http://l.alibaba.net/#/others/standard)
  • .gitignore 隐藏文件,配置需要忽略提交到gitlab的文件

src/views下的场景说明:

  • 典型编辑页: src/views/Edit
  • 可编辑表格: src/views/EditableList
  • 多页签页: src/views/MulTab
  • 无权限页: src/views/NoPermission
  • 搜索页: src/views/Search
  • 步骤条表单: src/views/StepForm

单击DOWNLOAD ZIP按钮, 下载源码后, 执行以下步骤启动项目:

  • 步骤一. 配置开发环境,可参考乐高的快速上手 快速上手
  • 步骤二. tnpm install
  • 步骤三. tnpm start
  • 步骤四. 浏览器打开:http://localhost:3002/

问题反馈: 我要反馈