彩票走势图

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

翻译|使用教程|编辑:陈津勇|2020-01-02 10:47:14.383|阅读 768 次

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

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

CodeMix和Angular IDE中包含了Angular支持,而正版MyEclipse许可证包括对CodeMix的访问。

优惠购买CodeMix    优惠购买MyEclipse

命令行界面

以前大多数Web开发都是使用IDE中提供的高级图形界面或诸如简单文本编辑器之类的基本工具进行的,无论您是要编写代码、部署应用程序还是将某些内容检入到版本控制中系统。

近几年,命令行界面(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连接速度而异。下载后,这些文件将被缓存,这样即使您切换到其他工作空间,在此系统上使用相同版本创建的后续项目也无需下载。

CodeMix安装教程   

项目初始化命令

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

这些命令在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



想进一步了解MyEclipse/CodeMix?知你所需,解你所惑!
想与更多人聊MyEclipse/CodeMix?加入MyEclipse中国(官方2):742336981畅所欲言吧!
想及时获取MyEclipse/CodeMix资讯?扫描下方二维码,最新信息跟你走!



标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP