如何运行|如何运行 Angular library 的原理图 Schematics
Jerry 的前一篇文章Angular 原理图 Schematics 学习 - 动手开发一个实际的例子,已经开发好了一个可以运行的 Angular library Schematics.
本文介绍具体的运行步骤。
在工作区的根目录下,运行库的 ng build 命令。
ng build my-lib确保 build 通过:
文章图片
如果遇到错误,可以参考我的代码仓库的代码。
以及这篇文章:解决 Angular 官网下载的 library Schematics build 出错的办法
然后,进入库目录,构建原理图
cd projects/my-lib确保命令成功运行。
npm run build
文章图片
链接这个库 这些库和原理图都已打包好了,就放在你工作区根目录下的 dist/my-lib 文件夹中。
文章图片
要运行这个原理图,你需要把这个库链接到 node_modules 文件夹中。在工作区的根目录下,运行 npm link 命令,并把你的可分发库的路径作为参数。
执行完之后:
文章图片
发现我自己的库也出现在工作区根目录的 node_modules 文件夹之下了:
文章图片
同时,在我 Node.js 安装目录的 node_modules 文件夹下,也多了一个快捷方式:
文章图片
最后,终于可以开始运行原理图了。
运行命令行:
ng generate my-lib:my-service --name my-data传入的 name 参数值为 my-data.
从命令行打印的结果,发现 my-data.service.ts 已经创建成功了:
文章图片
文件内容如下:
文章图片
对比一下我们 Schematics 里的模板文件:
文章图片
这个例子就算执行成功了。
【如何运行|如何运行 Angular library 的原理图 Schematics】更多Jerry的原创文章,尽在:"汪子熙":
文章图片
推荐阅读
- 考研英语阅读终极解决方案——阅读理解如何巧拿高分
- 如何寻找情感问答App的分析切入点
- mybatisplus如何在xml的连表查询中使用queryWrapper
- MybatisPlus使用queryWrapper如何实现复杂查询
- 如何在Mac中的文件选择框中打开系统隐藏文件夹
- 漫画初学者如何学习漫画背景的透视画法(这篇教程请收藏好了!)
- java中如何实现重建二叉树
- Linux下面如何查看tomcat已经使用多少线程
- thinkphp|thinkphp 3.2 如何调用第三方类库
- 2019女表什么牌子好(如何挑选女士手表?)