小白第一次创建angular项目

第一次搞angular,国内用的比较少

1.进去vs code,在终端全局安装cli

npm install -g @angular/cli

2.创建新项目

ng new my-app

这个时候可能会报错 ng.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.c
解决方法如下,原文:https://blog.csdn.net/qq_41576643/article/details/107106802:
在这里插入图片描述
在这里插入图片描述
3.然后项目就生成好了,这个时候cd my-app,把终端文件目录改到生成的项目,最后npm install一下,生成依赖,最后 ng serve 启动项目
在这里插入图片描述
这个时候发现报错了
在这里插入图片描述
把下图这俩删了
在这里插入图片描述
然后重新npm install一下,再ng serve启动
在这里插入图片描述
显示成功了,然后浏览器也能进去了,

4.最后改个简单的hello world
在这里插入图片描述
改完之后ctrl s保存,项目会自动更新,
在这里插入图片描述


版权声明:本文为wnk1997原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。