风雨砥砺，岁月如歌——Angular项目组件发布概要
老铁们，今天我们搞一件大事情：发布一个Angular组件~
组件的目录结构
- lib文件：此文件存放要封装的所有组件文件
- index.js：索引文件
- 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命令进行发布
我们去官网上看一下，非常完美：
风雨砥砺，岁月如歌——Angular项目组件发布概要相关推荐
- angular项目打包发布流程
1.从git更新代码,运行测试看有没有错误,测试ie兼容性. 2.修改配置文件并编译打包代码 修改连接服务器的配置文件 双击 3.拷贝文件到服务器 xshell连接到linux 命令: pwd: 查看 ...
- angular ui组件_使用Angular Material将现代UI组件添加到Angular项目中
angular ui组件 Learn how to use Angular Material in this full course for beginners from Codevolution. ...
- Angular Dialog 组件的设计与实现
你好,我是徐晓东,笔名燕云长风.大漠穷秋于 2019-03-16 21:22 赠此笔名. 寓意:结合李白著名的边塞诗<关山月>取[燕云长风]-- 长风几万里,吹度玉门关. yycf-dia ...
- Xamarin.Forms 5.0 项目实战发布！
活动介绍 本次活动主要是 .NET Xamarin.Forms 移动端项目开发实战教程, 与以往相同, 本次的收入(其它部分会另行说明) 将用于社区公益活动, 不限于: 公益性质的个人/组织机构捐赠 ...
- angular搭建项目步骤_建立健康的Angular项目应采取的步骤
angular搭建项目步骤 by Ashish Gaikwad 通过Ashish Gaikwad 建立健康的Angular项目应采取的步骤 (Steps you should take to buil ...
- Angular新建组件以及组件之间的调用
场景 Angular介绍.安装Angular Cli.创建Angular项目入门教程: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/detail ...
- Angular之组件的创建
一 : Dos命令 ① , Angular创建组件使用的是Dos命令 . 在项目的README.md文件中有详细的描述. 二 : 具体操作 ①, 先cd到项目工程的src/app目录下 , 如下图所示 ...
- angular 自定义组件_如何创建Angular 6自定义元素和Web组件
angular 自定义组件 by Prateek Mishra 通过Prateek Mishra 如何创建Angular 6自定义元素和Web组件 (How to create Angular 6 C ...
- 使用Vue CLI 3将基于element-ui二次封装的组件发布到npm
前言:之前在网上找的好多都是基于vue-cli 2.x的,而使用vue-cli 3的文章比较少,Vue CLI 3 中文文档,所以我在自己尝试的时候把几篇文章结合了一下,调出来了我想要的模式,也就是V ...
最新文章
- ygm900常用网站
- 编译测试后出现“发现不明确的匹配”错误
- 倍福TwinCAT(贝福Beckhoff)常见问题(FAQ)-如何设置PLC的扫描周期，运行周期
- AndroidStudio中调试时提示waiting for debugger的奇葩解决
- 拼接字符串的两种方式
- jvm系列(四):jvm调优-命令篇
- dedeCMS如何进行关键词过滤替换和屏蔽非法词汇？
- Silverlight 2 DataGrid December 2008
- docker：编排与部署小神器Compose
- Mindomo Desktop for Mac(思维导图)中文版
- 【Python】模糊匹配搜索
- 【期刊推荐】JCR1-4区推荐重点SCI期刊征稿中~
- 智能对话系统之多轮对话
- opencv库函数学习：Rect函数
- python堆积图的画法_不再羡慕别人的漂亮图表，一文学会如何用Python绘制堆积图...
- 阿里云ASR 语音识别接口调用
- Python简单电影推荐算法原理实现
- 什么是R型直流电源变压器？
- Using Vanishing Points for Camera Calibration
- Python 增加时间戳和今日日期