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

create-html5-boilerplate

v0.3.0

Published

An npm based quickstart app for HTML5-Boilerplate

Downloads

287

Readme

Create HTML5 Boilerplate

Coverage Status code style: prettier Total alerts

Quick start for HTML5 Boilerplate. Get up and running with one command.

Getting Started

You can get started using one of three options- npx, npm init, or yarn create Using npx

npx create-html5-boilerplate new-site
cd new-site
npm install
npm start

Using npm init

npm init html5-boilerplate new-site
cd new-site
npm install
npm start

Using yarn

yarn create html5-boilerplate new-site
cd new-site
yarn install
yarn start

These commands are equivalent and do the following:

  1. Download and install the latest version of HTML5 Boilerplate
  2. Installs dependencies
  3. Bundles site assets and start a web server using Parcel
  4. Opens a web browser pointed to http://localhost:1234/

Requirements

create-html5-boilerplate is cross-platform. It works wherever node and npm work. The only requirements are for npx, which requires npm version 5.2 or greater and npm init which requires an npm version greater than 6.0. If you're stuck on an older version of npm you can still use create-html5-boilerplate by running the following command to install the project globally.

npm install -g create-html5-boilerplate

Then you can use create-html5-boilerplate as in the following example

create-html5-boilerplate new-site
cd new-site
npm install
npm start

Installing Specific Versions

You can also install a specific version:

npx create-html5-boilerplate new-site --release=7.2.0
cd new-site
npm install
npm start

CONTRIBUTING

Setting Up a Local Copy

  1. Clone the repo with git clone https://github.com/h5bp/create-html5-boilerplate.git
  2. Run npm install in the root create-html5-boilerplate folder.
  3. Run npm link to make npm run local copy instead of downloading from registry
  4. Now you can use npm init html5-boilerplate and npx create-html5-boilerplate

note: you can use npx create-html5-boilerplate ./out/example from create-html5-boilerplate without running npm link also its possible to run directly NodeJS entry point node index.js ./out/example or npm start ./out is git ignored folder, so you should use this folder for tests.

If you want to try out the end-to-end flow with the global CLI, you can do this too:

npx create-html5-boilerplate ./out/new-site
cd new-site
npm install
npm start

Tests

Tests are written using jest and located in tests/test.js run npm test

run coverage reports npm run coverage