1.idea创建项目

idea:2023.2.3版本
不做赘述,我这里是创建模块,创建项目的话大同小异
在这里插入图片描述

2.创建完成后注意一下红色部分,后期需要

在这里插入图片描述

3.进入项目根目录

在这里插入图片描述
注意:一定要进入项目根目录,就是我们上面红色方框部分,否则你的ng serve命令会提示这个问题

在这里插入图片描述
可以参考这个文档

angular无法使用命令

启动后看到访问localhost:4200即可
在这里插入图片描述

4.如果你是在idea创建的普通maven项目,但是想在终端初始化为Angular项目

cd到创建的项目/模块,不需要根目录,使用命令:ng new appName (注意:appName是你创建的项目/模块名称),提示的选择第一个yes,第二个css 回车
在这里插入图片描述

如果你出现如下错误:

很可能是你的npm下载问题

在这里插入图片描述
修改镜像

1、查看当前的npm镜像设置:npm config list
2、清空缓存:npm cache clean --force
3、可以设置成用淘宝镜像,执行:npm config set registry https://registry.npmmirror.com 
4、再次运行: npm config list,查看 registry 已经被更改为默认的 npm 公共镜像地址。

看到最后的如下部分就是成功

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

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐