idea开发技巧,Idea开发

　　本文带你了解如何使用IDEA开发Angular，并简单介绍JetBrains IDEA中新建项目和运行项目的方法，希望对你有所帮助！

　　在上一篇文章中，我们知道了为Angular开发做准备所需的环境。我们设置好环境之后，就不能直接用文字工具编程了。我们要选择一个IDE，一个好的IDE可以让我们事半功倍。我选择JetBrains IDEA，主要是因为我的工作内容里有几个编辑。IDEA是一个更好的支持角度开发的IDE。

新建项目

　　 file=new=project=JavaScript=Angular CLI选择Next后，可以在其中配置我们的项目。如果你从一开始就跟随我到这一步，你会发现IDEA已经自动配置了节点解释器和Angular CLI。我们只需要设置我们的项目名称。【相关教程推荐：《angular教程》】

　　单击Finish等待构建完成。当控制台输出以下内容时，意味着构建已经成功完成。

　　该文件将在您的工作目录中保留其原始行尾

　　成功初始化git。

　　完成

　　1. Show npm Script

　　在项目的根目录中找到pachage.json文件。右键单击显示npm脚本，将出现一个新窗口。

　　该窗口中有一些常用的命令，其中start命令相当于ng serve命令。双击start，项目开始编译启动。启动后，控制台将输出以下信息

　　** Angular Live Development Server正在监听localhost:4200，请在http://localhost:4200/**上打开您的浏览器

　　编译成功。请访问http://localhost:4200/

　　npm中的命令实际上是在package.json中定义的，我们也可以自定义命令。

　　我们将它添加到package.json的脚本节点下

　　节点版本: node -v ，然后刷新npm界面以查看是否添加了新的node version命令。双击效果如下：执行node -v命令。

　　2. IDEA-RUN

　　在IDEA的顶部控制栏中，有直接运行项目的选项。

　　我们可以选择直接运行项目，也可以选择调试，实际上相当于执行。

　　ng服务器从VCS中拉取项目

　　VCS=从版本控制获取=输入地址。关于编程的更多信息，请访问：编程教学！以上是如何在IDEA中开发Angular的详细内容。请多关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。