使用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安装组件包,打开文件后如下,

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,666评论 25 708
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,010评论 19 139
  • 什么是 NPM npm之于Node,就像pip之于Python,gem之于Ruby,composer之于PHP。 ...
    ihoey阅读 6,275评论 2 36
  • 站在更高的地方 走更远的路 完成自己的理想 得到自己想要的一切 我哭 是因为刚巧这一切都发生了 可以后再也不会有了...
    未已离阅读 367评论 0 1
  • 2016年,这一整年伴随我的有一本书《卓有成效的管理者》。初遇这本书是在2011年那会,在一家民营医药排名第一的集...
    疯九爷阅读 459评论 0 1