IDEA中怎么开发Angular

本文小编为大家详细介绍“IDEA中怎么开发Angular”，内容详细，步骤清晰，细节处理妥当，希望这篇“IDEA中怎么开发Angular”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

新建项目

File => New => Project => JavaScript => Angular CLI

选择下一步之后，就可以在里面配置我们的项目了。如果你从一开始跟着我进行到这一步，你就会发现IDEA已经将Node interpreter和Angular CLI都自动配置了，我们只需要设置我们的项目名即可。

点击Finish之后就是等待构建完成了，当控制台输出以下内容，就代表着已成功构建

The file will have its original line endings in your working directory
    Successfully initialized git.
Done

在IDEA中运行项目

1. Show npm Script

在项目根目录下找到pachage.json文件，右键选择Show npm Script就会出现一个新的窗口

在这个窗口中就有一些我们常用的命令，其中start命令就相当于ng serve命令，双击start，项目就开始编译并启动，启动完成控制台输出以下信息

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **

√ Compiled successfully.

此时访问 http://localhost:4200/

npm中的命令其实都定义在package.json中，我们也可以自定义命令。
我们在package.json的scripts节点下新增

"node version": "node -v"

然后刷新npm界面就可以看到新增了一条node version命令，双击效果如执行node -v命令。

2. IDEA-RUN

在IDEA的最上方控制栏有可以直接运行项目的选项

我们可以选择直接RUN或者是DEBUG的方式来运行项目，这里其实也是相当于执行

ng server

从VCS中拉取项目

VCS => Get From Version Controll => 输入地址

读到这里，这篇“IDEA中怎么开发Angular”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注亿速云行业资讯频道。