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

whtml-cli

v1.9.5

Published

A simple CLI for scaffolding whtml projects.

Downloads

6

Readme

WHtml-cli

框架WHtml的官方cli脚手架工具,让你更加快速的创建项目,感受编码的乐趣。

安装

一行命令解决一切

npm install -g whtml-cli

使用

你只需要简单的输入以下几条命令即可愉快运行网站:

$ whtml init project    # 创建项目 project 为你项目名字(自定义)
$ cd project            # 进入文件
$ npm install           # 解决依赖

# 提供的命令

$ npm run all           # 运行网站
$ npm run doc           # 运行帮助手册
$ npm run push          # 快速发布至Github,仅限Linux

开源

框架的源代码已经提交Github,你可以从Github了解更多的信息:

特性

WHtml能够让你获得以下更加爽快的体验:


  • 1: 将静态页面组件化模块化,降低重复代码的重复编写。

  • 2: 基于Node.js + Gulp 自动化构建项目,让前端的你无缝对接

  • 3: 采用jade + stylus,用更加简洁高效的方式去书写html和css

  • 4: 自动压缩合并编译html,css,JavaScript使的项目具备更加优秀的响应速度

  • 5: 更加自由的框架配置和详细的中文代码注释,一键轻松配置源码实现定制化

  • 6: 简洁明了的ES6+语法,代码赏心悦目,提升编码乐趣。

  • 7: 程序实时编译同步你的每一行修改,删除,重命名,新建为你自动构建输出到 dist/,代码写完程序自动zip压缩打包,你需要做的是将zip发给你的后端即可。

  • 9: ....等

更多的功能期待你的切身尝试!

注意

  • 1:请先安装git并确保git命令能在终端中正确反馈,因为cli脚手架需要通过git来安装下载代码到你的项目中。

  • 2:init下载速度是基于你的网速决定的,如果太慢不需要着急等待片刻就好。

贡献

感谢陈尧瑞童鞋在实际项目中的使用,并进一步提的宝贵建议。如果你正在使用本框架,并且框架为你带来了更高的效率,请帮忙转发,感谢!框架的编译速度,核心代码逻辑,功能开发等..还有很多优化的地方,你的认可是我开源动力。

如果你有web框架开发经验十分欢迎交流宝贵的设计思想,同时项目将稳定持续的更新升级...

捐赠

如果你觉得 WHtml 对你有帮助,或者想对我微小的工作一点资瓷,欢迎给我提建议:QQ群:399041912。