📦🚀发布秘籍:打造并发布你的首个npm包🎉

114 阅读2分钟

1. 创建npm账号 📝🔑

如果之前没有npm账号,需要先创建一个npm账号,后面有用到哦!📝✨ 如果已经有账号,这一步可以忽略。🚫

2. 创建目录 📁📂

  1. 创建一个新的文件夹,进入该文件夹,并初始化npm包:
mkdir my-npm-package
cd my-npm-package
npm init -y

3. 编写模块 📝💻

  1. 在该文件夹中创建一个JavaScript文件(比如index.js),编写一个简单的功能,比如一个简单的加法函数:
// index.js

function add(a, b) {
    return a + b;
}

module.exports = add;

4. 登录到npm账号:🔑📡

npm login

5. 发布npm包:🚀📦

npm publish

注意,这里有个常见的坑!🚨 如果你按照上面的做法,但发布不上去,还报错,请检查自己的包名。在生成package.json时,name的名称和项目的名称需要保持一致。如果该npm包名&版本号已经存在,会出现如下报错,此时需要重命名你的package.json中的name。🔍 即使你在npm官网没有搜到你预设的包名,它可能也已经被发布占用过,需要重新考虑一个唯一的包名。💡 我在上传的过程中也遇到了这个问题,所以,我把package.json中的name改为了meta-npm-demo。包名一定要是唯一的哦!🔑

npm ERR! code E403
npm ERR! 403 403 Forbidden - PUT https://registry.npmjs.org/@clem_b%2fweather - Forbidden
npm ERR! 403 In most cases, you or one of your dependencies are requesting
npm ERR! 403 a package version that is forbidden by your security policy, or
npm ERR! 403 on a server you do not have access to.

6. 在项目中使用npm包:📝💻

  • 在你的项目中运行以下命令安装你刚刚发布的npm包:
npm install my-npm-package 
  • 在项目中引入你的npm包,并使用你的功能。将index.js的内容替换成:
const add = require('my-npm-package'); 

console.log(add(2, 3)); // 输出结果为 5 
  • 在命令行中运行:
node ./index.js 🏃‍♂️

这样,你就能看到你发布的npm包在项目中的运行结果啦!🎉