Angular 命令提示符

• 下载 Angular_Command_Prompt.zip - 3.3 KB

引言

为了重温 Angular 的知识，并获得一些关于最新版本（已经是 6 了！）的实践经验，我直接进入了 Angular CLI 包安装程序。我从之前使用 1.3 和 4 版本时的经验得知，您需要命令行界面 (CLI)。 

既然我已经了解到在 FOSS（自由开源软件）领域，您无法像在客户资助的软件那样期望获得同等的精细打磨，因此我对于发现 Angular CLI 缺少一两个有用的功能并不感到完全意外。有些人可能会声称，使用开源工具的乐趣很大一部分在于需要一些“组装”。虽然需要组装意味着您可以将工具定制到极致，但有时您只想开始着手完成您当初获取它的工作。

背景

即使您全局安装了 Angular CLI，当您打开终端（控制台）窗口时，NG 命令也不会执行任何操作，因为 ng.cmd 不在您系统的 PATH 目录中。一个简单的解决方案是创建一个专用命令提示符，这样可以避免进一步污染您的 PATH 列表，从而可能减慢其他程序的访问速度。

由于我的大部分工作都涉及 Microsoft 技术栈，我习惯了其丰富的自定义命令提示符。尽管我对它们的实现方式有一个大概的了解，但我之前从未创建过一个，所以我转向了 Visual Studio 的开发者命令提示符，在那里我找到了完整的说明，让我能够快速构建一个用于 Angular CLI 的自定义命令提示符。

要创建您自己的快捷方式，请执行以下操作。

1. 在您想要创建快捷方式的文件资源管理器窗口中右键单击，或在默认文件资源管理器功能区的“新建项”列表框中选择“快捷方式”。
2. 输入文本，大致按照图 1 所示。第一部分 %ComSpec% /k 必须完全按照原样书写。用您从下载文件中复制文件的目录的绝对（完全限定）名称替换 C:\bin\，并保持 AngularCLI.CMD 不变。
3. 图 2 显示了下一个面板，您可以在此处为快捷方式命名。虽然我将其命名为“Angular CLI”，但这个名字并没有什么特别之处。
4. 在使用快捷方式之前，您可能希望更改启动目录，以引用您的 Angular 项目所在的目录。例如，下载包中包含的示例快捷方式将启动目录设置为 F:\Source_Code\Angular\StringMorph。要做到这一点，您必须查看并编辑快捷方式的属性。
5. 图 3 显示了为快捷方式分配图标的可选步骤。快捷方式创建向导没有提供编辑此属性的选项；您必须显示已完成快捷方式的属性表。为了将其与快捷方式使用的 Angular 工具链相关联，我将 favicon.ico 从现有项目中复制到我创建它的目录中AngularCLI.CMD，并将其重命名为AngularCLI.ico以匹配。

或者，您可以编辑包含的快捷方式 Angular CLI.lnk；面板看起来与图 1 和图 3 所示的相似，这留给您作为练习。

图 4 显示了它的工作原理。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

图 1 显示了快捷方式创建对话框的第一页，其中输入了命令。

图 2 显示了快捷方式创建对话框的第二页，您可以在其中为快捷方式命名。

图 3 显示了为快捷方式分配图标的对话框。

 

 

 

 

 

 

 

 

 

 

 

 

 

图 4 显示了 Angular CLI，其中显示了未经限定的 ng 命令的输出。

将子命令显示为深蓝色并非我的主意；这正是 CLI“开箱即用”的方式。虽然不是我见过最糟糕的，但考虑到大多数人将命令窗口配置为黑色背景，他们的颜色选择让它们在我糟糕的用户界面设计“恶棍画廊”中占有一席之地。绿色文本是我的选择，但我曾在普通的命令提示符窗口中运行过 Angular CLI，您仍然会看到那些令人讨厌的蓝色文本用于子命令。我还没有研究过是否可以配置这些颜色。

使用代码

创建您自己的命令提示符的最简单方法是使用下载包中的 Angular CLI.lnk 作为起点来创建您自己的提示符。无论您是自己从头创建快捷方式，还是使用包含的快捷方式作为起点，您都需要将下载包中的 AngularCLI.CMD 和AngularCLI.ico，也包含在下载中，复制到一个永久位置，并相应地调整图 1 和图 3 中显示的设置。

我将AngularCLI.CMDand AngularCLI.ico放在了我的 Windows 路径列表中的一个目录中，这样就可以从命令窗口中直接在任何目录中启动 CLI。

关注点

虽然很多人可能认为这很挑剔，但在我开始完全专注于 Windows NT 工作后不久，我就将大多数 shell 脚本从 .BAT 改为了 .CMD。这个习惯开始于一种信号，表明这些文件在某种程度上可能与 MS-DOS 不兼容。

在 AngularCLI.CMD 的 42 行中，只有一行是真正必需的。

set PATH=%CD%\node_modules\.bin;%PATH%

聪明的读者会注意到其中包含了 %CD% 环境变量，它保存了当前工作目录的名称。此命令将 node_modules\.bin 目录添加到系统的 PATH 列表之前，使其成为当前目录之后在搜索程序和脚本时的第一个目录。由于这个更改是由脚本内部的 SET 命令强制执行的，当您关闭命令提示符时，它就会消失。

唯一其他不寻常的行是 set 命令正上方的非空行。

echo %~0, version %~t0

此命令显示脚本的名称，后跟其修改日期，这使得版本显示能够自我维护。

历史

2018 年 6 月 1 日，星期五： 本文已提交出版。

2018 年 6 月 2 日，星期六：恢复了未包含在初步出版物中的图片。

2018 年 6 月 7 日，星期四：更正了审阅中发现的文字错误，并添加了第一版中遗漏的信息。