从0制作一个npm包

1.本地新建文件夹

命令行进入文件夹

2.初始化项目

在命令行中运行以下命令初始化npm项目:

bash 复制代码
npm init 

按照提示填写项目信息,包括包名、版本、描述等。

package.json文件内容如下

bash 复制代码
{
  "name": "my_npmname", //发布的包名,不能是已经存在的包
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "你的名字",
  "license": "ISC"
}

3,新建index.js文件

bash 复制代码
function Hello() {
    console.log("Hello World!");
}

exports = {
    Hello
};

4.检查npm 源

bash 复制代码
npm config set registry //检测npm源如果是淘宝源则需要设置回 npm源

npm config set registry http://registry.npmjs.org

5.登录npm账户

创建npm账户:

如果还没有npm账户,可以在 npm官网上注册一个。

地址:点击去注册npm账户

登录npm账户:

在命令行中运行以下命令,输入你的npm账户信息登录:

bash 复制代码
npm login 

输入用户名、密码等信息。

6.发布新的npm包

bash 复制代码
npm publish

7.打开npm官网就能查看到新上传的包了

相关推荐
谙忆102435 分钟前
前端图片直传对象存储:OSS/S3 预签名 URL、STS 临时凭证与回调校验
前端
CHNE_TAO_EMSM2 小时前
Android studio 打开文件时自动下载源码
前端·javascript·android studio
一孤程2 小时前
Airtest自动化测试第五篇:小程序与Web测试——跨平台自动化全覆盖
前端·自动化测试·小程序·自动化·测试·airtest
IT_陈寒2 小时前
SpringBoot自动配置不是你以为的那样的智能
前端·人工智能·后端
yume_sibai3 小时前
大屏数据可视化 - 边框红绿呼吸灯实现详解
前端·信息可视化·typescript
竹林8184 小时前
从 ethers.js 迁移到 Viem:一个签名验证 Bug 让我彻底放弃旧爱
javascript
Hyyy4 小时前
很多Desktop都在上的Computer Use是什么
前端·llm
慢功夫4 小时前
开篇:VS Code 为什么不是一个普通 React App
前端·visual studio code
你挚爱的强哥4 小时前
Vue2 实现 1.5s 十连击监听(连续点击若干次),封装通用可复用点击检测工具,不用 data!Vue 封装通用连击监听方法,支持自定义时长与点击次数
前端·javascript·vue.js
半个落月4 小时前
用 LangChain.js 手写一个能读写文件和执行命令的 Mini Cursor
javascript·人工智能·后端