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

yuge-cli

v1.0.2

Published

<!-- 通过搭建Vue脚手架可以学到什么? -->

Downloads

3

Readme

  1. 锻炼 Node.js 相关操作,学会自己编写命令行工具等。
  2. 充分掌握 webpack 搭建过程
  3. 掌握 npm 从初始化到发包的全流程

什么是脚手架

cli 翻译过来是 command line interface 脚手架本身就是一个命令行工具,通过这个工具我们可以通过简单的命令交互来实现我们想要实现的功能。 一般的使用方法: vue command [options] ;工具名 指令名 可选选项 参数。 如:vue create --version mode=development

脚手架的执行原理

  1. 在终端输入对于的指令。
  2. 终端解析出 vue 命令。
  3. 在环境变量中找到 vue 命令。
  4. 根据指令存储的地址匹配到对应的可执行文件。
  5. 终端利用 node 执行对应的可执行文件。
  6. 解析命令行传入的参数,执行完毕退出。

如何开发一个脚手架

使用脚手架框架,对于

  1. yargs
  2. commander
  3. oclif 脚手架生成器

脚手架包含的功能

  1. 命令行交互(选择、输入)
  2. 日志打印
  3. 命令行文字变色
  4. 网络通信
  5. 文件处理