说一下初始化angular13+springboot2.7的过程和遇到的问题。Angular初始化并安装Node.js以检查您的计算机上是否安装了node.js。如果没有,可以去https://nodejs.org/zh-cn/安装。我们将在其下使用npm来安装一些软件。转到终端并键入node-v以查看已安装的node-v版本。安装AngularCLI运行npminstall-g@angular/cli安装AngularCLI,或执行npmi@angular/cli@^13.0.0安装特定版本的CLI。然后键入ngversion以检查它是否正确安装在您的计算机上。要创建Angular项目,首先在终端中输入您选择的目录,然后运行??ngnew来创建Angular项目。创建的目录如下图。在Angular项目目录中打开一个终端会话,然后运行以构建ngserve并运行应用程序。您应该在终端中看到此编译成功消息。期间遇到的问题1.版本不对。其实创建的时候用的是angluar12版本,但是后面想添加某个组件的时候,报Thepackagethatyouaretryingadddoesnotsupportschematics。后来查了下官网。后来发现这个组件需要angular13的版本,于是用angular13的版本重新创建。这也提醒我们要注意所用组件的适配版本。2.茉莉花测试单元测试为空。这个找了很久也没有解决。单元测试没有显示任何东西,但是我在控制台打印当前组件的htmlElement元素,可以看到打印正常。可以看到htmlElement元素打印正确,说明渲染成功。但是该页面仍然没有显示。后来发现在Angular13中,他们引入了一个新的测试优化特性:来自https://blog.angular.io/angul...我们对TestBed做了一些重要的改进,现在在每个移除测试模块上效果更好和第一次测试后的环境。现在DOM在每次测试后都会被清理,开发人员可以期待更快、更少内存密集、更少相互依赖和更优化的测试。原因是每次测试都会清理DOM,导致页面显示不出来。解决方案:添加teardown:{destroyAfterEach:false},如下面第9行。1beforeEach(async()=>{2awaitTestBed.configureTestingModule({3declarations:[],4imports:[5IndexModule,6HttpClientModule,7RouterTestingModule8],9teardown:{destroyAfterEach:false}+10})11.compileComponents();12});退出此模式。思考:其实我觉得使用fit的时候需要检查页面渲染的内容,但是angular13直接一刀切。如果添加设置,全局开启/关闭该模式,这样在使用全局单元测试时会清理DOM,而在使用fit时不会清理。两全其美真是太好了。SpringBoot初始化JDK和Maven。首先,确保您的计算机安装了JDK和Maven。命令如下。如果没有安装,可以参考安装https://www.kancloud.cn/yunzh...初始化Springboot项目去https://start.spring.io选择需要的版本,这里是2.7.1和java8版本。然后点击红色部分,添加springwebapplication,最后点击Generatetheproject生成工程,下载到任意你喜欢的文件夹。下载后,解压。这里我把它解压到一个名为api的文件夹中,和angular项目放在同一个目录下。.进入终端执行mvnspring-boot:run命令后,可以看到项目运行成功的结果。遇到的问题原来是一开始用的最新版的springboot,选择的是3.0.0(M3)版本,并且根据项目要求使用java8。但是后面运行的时候报错:invalidtargetrelease17然后又找了很久的问题。终于找到了pom.xml文件。发现引用了javaverison的17,无法解析。但是想一想:我刚才不是用java8来初始化的吗?为什么变成了17?参考之前的项目,发现应该填java8,于是改成1.8再运行,发现新的错误:classfilehaswrongversion。然后又改了几次,还是不行。然后猜测是springboot版本的问题。我重新创建了一个项目并在选择2.7.1版本后运行它。没有报错,pom.xml也是我选择的1.8。解决这个问题。可能java8不适合springboot3.0.0版本。总结:本次初始化遇到的版本问题比较多,不过这也是正常的问题。再加上之前的初始化经验,这次解决问题的速度就快多了。总之,熟能生巧,多见多解。