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

front-kgm-cli

v1.0.1

Published

前端工程化

Downloads

4

Readme

front-kgm-cli

脚手架开发流程

慕课参考

开发流程

创建 npm 项目

配置 package.json, 添加 bin 属性

"bin": {
  "front-kgm-cli": "bin/index.js"
}

创建文件 bin/index.js

const params = process.argv.slice(2);
console.log("welcome front-kgm-cli:", params);

发布

本地 link 流程

链接本地脚手架

cd my-cli-dir
npm link

链接本地库文件

cd my-lib-dir
npm link
cd my-cli-dir
npm link

取消链接本地库文件

cd my-lib-dir
npm unlink
cd my-cli-dir
# link存在
npm unlink my-lib
# link不存在
rm -rf node_modules
npm i

理解 npm link

  • npm link my-lib: 将当前项目中的 node_modules 下指定的库文件链接到全局 node_modules 下的库文件

  • npm link: 将当前项目链接到 node 全局 node_modules 中作为一个库文件,并解析 bin 配置创建可执行文件

理解 npm unlink

  • npm unlink my-lib: 将当前项目中的库文件依赖移除

  • npm unlink: 将当前项目从 node 全局 node_modules 中移除

使用流程

安装脚手架

npm i -g front-kgm-cli

使用脚手架

front-kgm-cli

lerna 开发流程

github 地址 npm 官网

安装插件

cnpm i -g lerna

初始化

lerna init # 初始化
lerna -v # 版本号
lerna -h # 帮助文档

创建一个新的由 lerna 管理的包

lerna create <name>

流程实操

创建核心包

lerna create core

packages/core/bin/front-kgm-cli.js

#!/usr/bin/env node
require("../libs")();

packages/core/bin/package.json

{
  "name": "@front-kgm-cli/core",
  "bin": {
    "front-kgm-cli": "bin/front-kgm-cli.js"
  },
}

packages/core/lib/index.js

"use strict";
module.exports = init;
function init(options) {
  console.log("init-", options);
}

登陆 npm

npm adduser # 输入用户名密码邮箱

包发布

npm publish --access=public