从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官网就能查看到新上传的包了

相关推荐
幼儿园技术家2 分钟前
前端如何做监控体系(埋点 → 上报 → 分析 → 数据分流)
前端·js or ts
盖丽男34 分钟前
彻底搞懂:前端MVVM、后端MVC、DDD极致面向对象的区别与落地真相
前端·mvc
澄江静如练_38 分钟前
vue2中使用provide和inject出现的问题
前端·vue
Mr数据杨1 小时前
【Codex】用PPT文案额外描述优化课件生成细节
java·javascript·django·powerpoint·codex·项目开发
星辰徐哥2 小时前
表单优化:AI驱动HTML5表单的智能验证与提示功能
前端·人工智能·html5
普通网友2 小时前
HTML5新增了哪些重要标签?多多学习也是成长的一部分
前端·学习·html5
2501_906467632 小时前
html5网页中如何实现内网大文件的加密下载?
前端·html·html5·vue上传解决方案·vue断点续传·vue分片上传下载·vue分块上传下载
极客小俊2 小时前
【从零到一】用HTML5+CSS+JavaScript实现一个属于自己的mp3免费音乐播放器 (4) JS交互功能(音乐进度条)
javascript·css·html5·前端开发·免费教程·代码案例·手搓音乐播放器
何何____2 小时前
css变换语法介绍及案例展示
前端·css
冴羽yayujs2 小时前
GitHub 前端热榜项目 - 日榜(2026-05-07)
前端·github