风雨砥砺，岁月如歌——Angular项目组件发布概要

老铁们，今天我们搞一件大事情：发布一个Angular组件~

 

组件的目录结构

1. lib文件：此文件存放要封装的所有组件文件
2. index.js：索引文件
3. package.json:发布组件的相关配置

PS：

（1）发布包的名称命名为：组件名（烤肉串命名法+小驼峰）

如：ng-itoo-tree

（2）在发布组件的时候，用cnpm安装，用npm发布

 

注册npm账号

注册方法很简单，这里就不做赘述了。

 

现在我们开始发布

 

首先我们用cd命令进入我们需要发布的组件所在的文件夹

 

键入命令“npm init”

会出现以上信息，这是为了确认你的组件名称和版本等信息，需要注意的是版本号不能重复，否则会发布失败。

 

name：填写你这个包的名字，默认是你这个文件夹的名字

version：表明的是这个包的版本，不能重复

git repository：这个是git仓库地址，如果你的包是先放到github上或者其他git仓库里，这时候你的文件夹里面会存在一个隐藏的.git目录，npm会读到这个目录作为这一项的默认值。如果没有的话，直接回车继续。

license：这个直接回车，我们是作为开源文件来发布的

npm会询问我们是否ok？我们回车即可。

 

index.js里的信息

因为我把封装好的代码都放在在lib里面，所以，index.js里面也就一句话：

 

登陆npm账号

Password的密码是不会显示的，不必为此感到疑惑

发布的地址应该为npm官方的地址，有时间会默认为我们的私服，这时这里需要用如下命令修改一下： npm config set registry http://registry.npmjs.org

使用npm publish命令进行发布

我们去官网上看一下，非常完美：