`
lxj8749
  • 浏览: 64438 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

发布项目到npm

 
阅读更多

1.在官网注册帐号(https://www.npmjs.com/)

2.本地用户验证,在命令行执行,输入用户名密码和邮箱

npm adduser

 3.在本地用npm init生成pageage.json,填写相应的信息

{
  "name": "lin-xiaoji-learn-npmjs",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/lin-xiaoji/learn-npmjs.git"
  },
  "keywords": [
    "learn",
    "npmjs"
  ],
  "dependencies":{
    "classnames": "^2.2.1"
  },
  "author": "lin-xiaoji",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/lin-xiaoji/learn-npmjs/issues"
  },
  "homepage": "https://github.com/lin-xiaoji/learn-npmjs#readme"
}

 4.编写好模块逻辑代码,然后执行

npm publish

 

执行完后,正常情况下,就能成功发布到npmjs.com上面,可以登陆帐号查看是否成功

 

如果出现 publish Failed PUT 403错误,一般是名称已存在,或者是版本号没有增加

 

 

5.删除一个项目,或删除某个版本

npm unpublish lin-xiaoji-learn-npmjs@1.0.0

 

 

分享到:
评论

相关推荐

    用Vue CLI创建uniapp项目,搭建模板。不仅可以HBuilder打包,也可以npm命令行运行及打包、发布

    已经搭建好,下载即用。 用Vue CLI创建uniapp项目,不仅可以HBuilder打包,也可以npm命令行运行及打包、发布。

    从零使用TypeScript开发项目打包发布到npm

    通过npm init 初始化项目来创建用户package.json文件 也可以npm init -y 这个是使用的默认的配置,我个人使用的是npm init 设置配置项 package name: (ming-npm-package) version: (1.0.0) description: use

    Vue组件库发布到npm详解

    制作了一套自己的组件库,并发布到npm上,项目代码见https://github.com/hamger/hg-vcomponents 前期准备 有一个npm账号 安装了vue-cli 搭建项目 vue init webpack hg-vcomponents cd hg-vcomponents cnpm ...

    thruster:用于将npm软件包创建为项目模板

    建立一个模板创建自己的Node.js项目模板添加配置文件touch .thruster.json 发布模板项目您可以推送git存储库或将其发布到npm注册表。用推进器创建项目安装推进器-cli npm install -g thruster-cli 建立专案您可以从...

    mornya-react-npm-template:React组件项目模板以上传NPM注册表

    发布到NPM注册表 npm login npm publish build (or npm run bundle) 其他命令 运行所有测试 npm test 清除生产构建目录 npm run clean 运行皮棉 npm run lint 流量类型检查 npm run flow 启动流类型服务器 npm run ...

    publish:Atom软件包发布到NPM或APM并更新更改日志

    发布是的软件包,用于将您的项目发布到NPM或APM并更新您的更改日志。 您知道每次发布到NPM时必须经历的七个步骤: 更新更改日志以使您的用户知道更改了什么 git commit -am'更新的变更日志' git pull起源大师 npm...

    自定义vue组件发布到npm的方法

    所以就打算将组件打包发布到npm上,每个项目中只需要在package.json中修改组件版本即可同步最新版本。 组件发布历程 1、开始对打包不是很了解,只是简单的将原有.vue文件以及相关的css、image资源进行提取,然后放...

    自定义Vue组件打包、发布到npm及使用教程

    本文将帮助:将自己写的Vue组件打包到npm进行代码托管,以及正常发布之后如何使用自己的组件。  本文讲述的仅仅是最基础的实现,其他复杂的操作需要非常熟悉webpack的相关知识,作者将继续学习。  按照大佬文中写...

    教你30秒发布一个TypeScript包到NPM的方法步骤

    发布过 npm 包的同学都知道,初始化一个 npm 项目,直接用 npm init -y 就可以了,那如果要用 ts 呢,直接 tsc –init 即可。这两个操作会生成 package.json 和 tsconfig.json 文件。然后我们按以下步骤修改一下配置...

    从零发布npm模块

    本文所说的模块化主要讲解将常用,通用的组件提炼封装成模块在项目中使用,或者发布到npm网站上给他人使用,这与业务中将庞大的应用划分成各个业务模块有些区别。或许应该叫‘提炼封装’更恰当,恕我没找到更贴切的...

    发布一款npm包帮助理解npm的使用

    npm 在前端工程化中扮演着不可或缺的角色,前端工程师每天通过npm安装项目依赖,通过npm发布自己的包,更新包,通过npm 脚本运行开发环境,打包等。 平时专注于实现业务,一直没有去了解一款包的发布流程,忙里偷闲...

    npm-hello:NPM 系统上的 Hello world

    使用项目目录中的npm publish发布到注册表 检查http://npmjs.com/package/<package> 最后运行npm install 确保包可用 NPM 包要求 参考 包.json package.json文件中的名称和版本 快速 NPM 命令 npm config ls或npm ...

    npm-otp-publish:使用一次性密码发布 npm pacakges 的操作

    该操作适用于需要2FA发布项目的用户。 如果您的项目不需要 2FA,请查看市场中的。 用法 on : release : types : [published] name : releaser jobs : releaser : runs-on : ubuntu-latest steps : - uses : ...

    clean-publish:在发布到npm之前删除package.json中的配置文件和字段

    clean-publish命令将项目文件(不包括配置文件)复制到一个临时文件夹,从package.json删除多余的开发脚本,并在该临时文件夹上调用npm publish 。 简单的例子: 清洁前: node_modules src .eslintrc ....

    np:更好的“ npm发布”

    p 更好的npm publish ...将新版本发布到npm,可以选择在dist标签下发布 如果发布失败,则将项目还原到以前的状态 将提交和标记(新创建和先前创建)推送到GitHub / GitLab 支持 在新存储库上启用两

    package-bundle:将npm软件包和依赖项下载为tgz,然后导入到软件包管理器或项目中

    然后可以将包导入到包管理器(例如,然后在脱机环境中使用。 入门 使用以下方法下载软件包: npm install -g package-bundle 或者如果使用纱线 yarn global add package-bundle 然后,您可以通过运行package-...

    angular7封装组件上传到npm库,并引用到项目上

    angular7上传包到npm库 一、创建angular项目和组件 ng new myFirstDemo //angular-cli新建项目 ng g m component //新建模块 ng g c component/drop-down //新建组件 //提示:必须在组件里的drop-down.module.ts声明...

    prerelease-checks:在发布npm软件包之前运行必要的预发布检查

    在发布npm软件包之前,请运行必要的预发布检查。 :revolving_hearts: 与一起使用效果很好! 如果您喜欢这个项目,请给它加注星标并,看看我正在从事哪些其他有趣的项目! :red_heart: :male_sign:‍:male_sign:...

Global site tag (gtag.js) - Google Analytics