当前位置:职场发展 > 浅析如何在IDEA中开发Angular

浅析如何在IDEA中开发Angular

  • 发布:2023-10-01 09:49

web前端 | Node.js 教程
IDEA、Angular、Angular.js
Web 前端-js教程
本文将指导你学习如何使用IDEA开发Angular,并简单介绍一下介绍在JetBrains IDEA中创建和运行项目的方法。希望对大家有帮助!
php政务源码,ubuntu显示复制进度,超过tomcat最大连接数,python爬虫数据抓取,南京php程序员招聘网,seo强大lzw
广告便捷源码,群晖安装ubuntu,tomcat7配置pfx证书、多进程爬虫视频、基于PHP的音乐播放器网站源码、Helen网站seolzw
在上一篇文章中,我们了解了Angular开发需要准备的环境。我们搭建好环境之后,是不可能直接使用文本工具进行编程的。我们一定要选择一个IDE,一个好的IDE可以让我们的开发事半功倍。我选择JetBrains IDEA,主要是因为我工作中的几个编辑器,IDEA是一个比较好的支持Angular开发的IDE。
植物网站源码,vscode快捷方式没了,对接ubuntu,tomcat文件结构,网页sqlite,网页设计图片模糊,万网访问数据库,服务器在哪里,易语言注册沙漠插件,前端- end mvvm框架、粘土爬虫、php工作原理、爱SEO网、springboot加载事务、h3标签如何使用、图文网站源码、qq邮箱网页编写html、dede单篇小说模板、网站后台基本功能、app页面模板免费下载,3c数字管理系统,程序动画效果lzw
新项目

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

选择下一步后,我们可以在那里配置我们的项目。如果你从一开始就跟着我走到这一步,你会发现 IDEA 已经自动配置了 Node 解释器和 Angular CLI。我们只需要设置我们的项目名称。 【相关教学推荐:《angular教学》】

单击完成后,您正在等待构建完成。当控制台输出以下内容时,表示构建已成功

该文件将在您的工作目录中保留其原始行结尾成功初始化git.Done

在IDEA中运行该项目

1。显示 npm 脚本

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

在此窗口中,有一些常用的命令。 start 命令相当于 ngserve 命令。双击start,项目将开始编译并启动。启动完成后控制台会输出以下信息

** Angular Live Development Server 正在监听 localhost:4200,打开浏览器 http://localhost:4200/ **√ 编译成功。

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

npm中的命令实际上是在package.json中定义的,我们也可以自定义命令。
我们在package.json的scripts节点下添加了

? 命令。

2。 IDEA-RUN

IDEA顶部控制栏有一个直接运行项目的选项

我们可以选择直接通过RUN或DEBUG来运行项目。这其实就相当于执行

ng 服务器

从 VCS 拉取项目

VCS => 从版本控制获取 => 输入地址

编程教程! !

相关文章

最新资讯

热门推荐