Eclipse多语言扩展插件CodeMix中Angular支持的功能和使用方法

近几年，命令行界面（CLI）的开发和使用开始复苏，Angular IDE集成了Angular、npm和Node的命令行界面（CLI）。通过Java开发工具MyEclipse正版授权可免费使用CodeMix，并使用其中Angular支持的系列功能。

Angular IDE集成了Angular、npm和Node的命令行界面（CLI），你可以从直观的界面和命令行灵活性中获益。

命令行界面

近几年，命令行界面（CLI）的开发和使用又开始复苏。在许多情况下，CLI提供的灵活性超过了图形界面可以提供的灵活性。例如，大多数使用诸如CVS之类的旧版本控制系统的用户都将使用图形界面，但是对于诸如Git之类的现代VCS，使用命令行是普遍存在的。同样，现代Web开发在很大程度上依赖于CLIs的使用，以处理从搭建新应用程序、生成应用程序组件到部署它来进行测试的所有工作。

Angular IDE与CLI结合使用，可为您提供最佳的图形和命令行环境，您将从直观的界面和灵活的命令行中受益。 

使用的工具

• ng——Angular CLI节点软件包
• Node.js和npm——Node运行ng;npm管理Node包依赖关系
• Bash——ng具有必须在Bash Shell中处理的高级命令

Angular IDE不依赖系统上存在的任何工具，而是根据需要自动下载它们。

注意：在Windows上，本机终端无法处理某些ng命令，因此如果尚未安装Git-Bash，建议将下载并安装它。

创建一个新项目

首次创建Angular项目时，Angular IDE会确保在您的系统中可以使用上一节中提到的所有工具。您可能需要等待一段时间，因为Git Bash（在Windows上）已下载，并且已下载在项目创建向导中选择的Node、npm和Angular CLI的版本。您可以在Terminal +视图中查看下载进度。

注意：可能需要下载约80 MB的工具，因此所需时间可能会因Internet连接速度而异。下载后，这些文件将被缓存，这样即使您切换到其他工作空间，在此系统上使用相同版本创建的后续项目也无需下载。

   MyEclipse体验版

项目初始化命令

下载工具后，将执行以下命令来初始化项目：

这些命令在Terminal +视图中运行，您可以在其中查看每个命令运行时的详细输出，从而更好地了解项目创建过程。

注意：ng init命令还会下载Angular应用程序需要运行的其他依赖项，具体下载时间取决于您的Internet连接速度。

使用Terminal +

Terminal +视图是一个智能的本地shell，具有项目上下文感知功能。选择项目时，Angular IDE确保将节点、npm和ng（取决于这个项目的设置）的正确版本添加到PATH中，以便在执行ng、npm或node命令时，这些版本将使用在项目创建期间选择的工具。注意，您可以从项目的“Terminal”属性页面更改这些版本。“在项目中使用不同版本而导致不兼容”的情况不会发生，所以您可以在不同项目中轻松使用这些工具的多个版本。

生成Angular元素

使用向导来生成Angular元素，比如组件、指令、保护、模块、管道和服务。这些向导执行相应的ng命令来生成元素。

使用CodeMix编写的Angular IDE中的Angular CLI组件向导：

例如，要生成名为MyComponent的组件，在Terminal+中执行以下命令：

ng generate component MyComponent

通常，使用为该项目设置的ng版本在正确的上下文中执行命令。

您可以使用几个其他开关来自定义生成。例如-inline-template，它以内联方式（而不是在单独的文件中）创建模板HTML标记，这是默认的行为。除了向导支持的功能之外，您还可以使用Terminal +视图生成Angular类、接口，enums和路线。

部署Angular应用程序

要部署应用程序进行测试，请右键单击该项目，然后从上下文菜单中选择“As/Debug As”>“Angular Web Application”，或者从“Servers”视图进行部署。展开Web Applications，选择项目，右键单击并从上下文菜单中选择“Start Server”，或单击“Start”按钮

应用程序不仅可以在浏览器中进行本地测试，还可以启动LiveReload服务器。使用LiveReload将更改保存到源文件时，将重建应用程序、更新部署并刷新浏览器页面（如果已打开）。

用于本地部署应用程序的基本命令是：

ng serve

标签：