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

steamer-simple-component

v3.0.0-rc.2

Published

frameless component development starter kit

Downloads

5

Readme

steamer-simple-component

用于开发通用组件的脚手架

快速启动


npm i -g steamerjs steamer-plugin-kit

npm i -g steamer-simple-component

steamer kit
  • 直接从github clone 下来

安装依赖

npm i

开发

npm run start 或 npm run dev

// 打开链接,查看 demo
localhost:9000

ps:此处在开启开发模式下默认会自动打开浏览器。

代码规范扫描

npm run lint

ps:此处的扫描在开发模式下是默认开启的,不需要手动执行lint。

测试

// 使用 karma 测试
npm run test 或 npm run karma

生产代码生成

// 使用 babel 编译
npm run dist 或 npm run babel

// 使用 webapck 编译
npm run webpack

ps:关于两种编译方式的区别可查看这里

编写demo

直接在/example/src/container/目录下调整关于组件的使用逻辑和范例样式即可,如范例中该目录下的index.js和index.less文件。

脚手架文档

参见文档 - 组件脚手架

文章参考