IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 保姆级发布自己的npm包(超详细步骤) -> 正文阅读

[JavaScript知识库]保姆级发布自己的npm包(超详细步骤)

保姆级发布自己的npm包(超详细步骤)

1.创建自己的npm账号
在这里插入图片描述
确认邮箱(必须)

2.创建npm账号成功后,登录邮箱验证邮箱地址(这一步很重要,确认邮箱后才能发布)

3.修改自己项目的package.json文件

主要修改里面的main属性和version属性和name属性
在这里插入图片描述

version 属性是发布的版本号,一般第一次发布都是0.0.1。
main 属性是你默认到处的入口文件,默认是index.js。
name 属性是你发布后的npm包名。

4.在项目根目录下创建index.js,在index中导出你想要导出的内容

5.打开命令行输入npm adduser
在这里插入图片描述
输入密码时不会显示出来,直接输入就好了。

6.输入命令npm publish 发布,npm搜索你发布的包名就有了

测试使用发布的npm包

  1. 分别使用这些方式来测试使用自己的包(我们以 vue-cli 为例)

    index.js里如果直接用 import 语法导入导出会有问题,那是因为 node 目前不支持使用 import ,我们需要用babel 转译 import 。

    a.使用 babel 转译 import 语法让浏览器和 node 环境都支持即可。
    b.使用 parcel 单独打包 index.js npx parcel build index.js --no-minify --global=moduleName

  2. 你每次修改了源码后,如果要让别人可以得到最新的效果。

    a.更新 package.json 里的 version ,然后重新 npm publish

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-10-08 11:42:45  更:2021-10-08 11:43:16 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/29 3:58:39-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计