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

vue tytrock ⋅ 于 2020-08-19 12:05:51 ⋅ 2791 阅读

1、安装npm并创建自己的npm账号

访问官网https://www.npmjs.com,下载安装npm,并免费注册,注册后一定要进行邮箱验证,否则后面进行组件包发布时候会提示403错误,让进行邮箱核准


2、使用cmd进入自己的项目文件夹


3、使用npm init 命令初始化当前项目信息

需要填写的信息是:

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

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


4、使用npm login登录自己的账号

image.png


5、使用npm  publish发布组件包

发布成功后,会显示

image.png


6、安装组件

使用npm install 组件名称 就可以安装刚发布的组件包


7、更新自己的组件到线上

如果自己的组件有更新,需要更新到线上,可以使用npm version patch,此命令会自动将package.json的版本号最后一位加1

image.png


npm version patch作用将修订号增加1,也就是版本号最后一位

npm version minor将次版本号增加1,也就是中间那一位

npm version major将主版本号增加1,也就是第一位

然后使用npm publish进行发布

本帖已被设为精华帖!
回复数量: 0
    暂无评论~~
    • 请注意单词拼写,以及中英文排版,参考此页
    • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
    • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
    • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
    • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
    Ctrl+Enter