Angular CLI 的彩蛋和其他功能
本篇文章是有关Angular AdventCalendar 2017中的一篇文章。
在这里介绍Angular CLI的彩蛋。
Angular CLI的中文释义是”角度命令行界面”。
Angular CLI是一个基于Ember-cli开发的工具,它可以简化Angular开发过程,提供从webpack和模板生成基础文件的功能,启动开发服务器、构建和测试功能,可以说是一个集成了所有必备工具的全能开发工具。
我以前一直在开发中没有使用过这个Angular CLI,但是我在更新webpack等与主要开发无关的部分上花了很多时间。我原本知道Angular CLI,但是由于开发进展等原因,我很难判断是否可用,所以一直没有使用。
然而,官方的快速入门是从安装Angular CLI开始的。由于加了”-g”选项,因此需要进行全局安装。如果没有使用”-g”选项进行包管理,将会在使用ng new命令时遇到问题(亲身经历),所以需要注意。
当全球局势变得艰难时
Angular CLIにはWebpackが含まれていますが、設定を外部に移動することができます。
ng new hoge
cd hoge
ng eject
通过执行这个命令,可以将webpack的配置文件提取出来,同时也会将angular的依赖关系完整地写入到package.json中。
这样一来,我们可以通过package.json来管理所有内容,让我们感到安心。
npm install --save-dev @angular/cli@latest
npm install --save-dev typescript
如果在ng new之前遇到问题,请尝试在上述命令执行之前运行它。
对Angular CLI持怀疑态度
我仍然对令人不安的Angular CLI感到担忧,因此决定查看其内容。
cd $(npm root -g)/@angular/cli
所以,我进入了具有cli的目录。
.
├── CONTRIBUTING.md
├── LICENSE
├── README.md
├── bin
├── commands
├── ember-cli
├── lib
├── models
├── node_modules
├── package.json
├── plugins
├── tasks
├── upgrade
└── utilities
在我的观察中,我发现了一样东西。

在这个文件中保存了一些命令,我们可以确认命令是如何被调用的。
还发现了复活节彩蛋的文字。
由于我们今后打算大量使用 Angular CLI,所以正好趁此机会也尝试一下这个 EasterEgg。
敲击了 -> 已经很棒了

看来随机返回的结果似乎发生了变化,之前已经很棒了。
继续敲打 -> “错误418”

还有其他的选择。
由于还有其他一些消息,所以请务必尝试直接进行。