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 => 从版本控制获取 => 输入地址
编程教程! !