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

相关推荐
aircrushin7 分钟前
端到端AI决策架构如何重塑实时协作体验?
前端·javascript·后端
AI前端老薛13 分钟前
前端开发神器 - Image Preview插件
前端
Predestination王瀞潞28 分钟前
2.4 编码->W3C XML 1.0标准(W3C Recommendation):XML(Extensible Markup Language)
xml·前端
紫_龙29 分钟前
最新版vue3+TypeScript开发入门到实战教程之DOM操作
javascript·vue.js·typescript
SuperEugene30 分钟前
JS/TS 编码规范实战:Vue 场景变量 / 函数 / 类型标注避坑|编码语法规范篇
开发语言·javascript·vue.js
FlyWIHTSKY36 分钟前
vue3中const的使用和定义
前端·javascript·vue.js
Chengbei1144 分钟前
Chrome浏览器渗透利器支持原生扫描!JS 端点 + 敏感目录 + 原型污染自动化检测|VulnRadar
javascript·chrome·安全·web安全·网络安全·自动化·系统安全
小璐资源网1 小时前
如何写出干净、易维护的 HTML 结构
前端·html
gongzemin1 小时前
怎么在VS Code 调试vue3 源码
前端·vue.js
C澒1 小时前
微前端容器标准化 —— 公共能力篇:CDN 能力
前端·架构