使用npm发布自己的npm组件包

        作为前端攻城狮,npm包管理是需要经常使用的,封装自己的组件包,方便使用是有必要的,仅记录发布npm组件包的过程,以备不时之需。

        1、首先需要有npm账号,可以直接登录官网https://www.npmjs.com/signup免费注册,注册后一定要进行邮箱验证,否则后面进行组件包发布时候会提示403错误,让进行邮箱核准。

        2、在本地新建一个项目,在cmd里输入命令进入项目文件夹;

        3、使用npm init 命令初始化当前项目信息,需要填写的信息是:   

"name": "#####",             //包的名称
  "version": "1.0.0",        //版本号
  "description": "仅供测试,别下载",    //包的描述
  "main": "index.js",                    //文件入口,默认是index.js,可修改
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"    //测试命令,可以不填直接回车
  },
  "keywords": [
    "测试"                                        //项目关键词,供搜索
  ],
  "author": "###",                            //作者名称
  "license": "ISC",                            //包遵循的开源协议,默认是ISC
  "dependencies": {}

        也可以添加完项目名称和版本号后一路回车,知道出现,is this OK?回车后回到文件夹,会多出来一个package.json,里面就是刚才填写的信息。

        4、npm 账号登录,用户名,邮箱,密码


        5、使用npm  publish发布组件包,发布成功后,会显示,


        发布后可以在官网搜索项目名称(如vue_cherry),

        6、测试已经发布的包,新建文件夹,通过命令npm install chrry_test安装组件包,打开文件后如下,


        至此,组件包确认上传成功。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值