微软在Visual Studio 2022中加入新工具,改善JavaScript和TypeScript的前端开发体验,开发者将可以选择新的JavaScript/TypeScript项目类别,独立开发Angular、React和Vue项目,且简单地将前端项目,与ASP.NET Core后端集成,并应用像是Test Explorer等现有的工具。
当前包含在Visual Studio中的Angular、React和Vue样板通常不是最新的,而微软为了解决这个问题,在Visual Studio 2022中使用每一个框架的原生CLI工具,来产生前端项目样板,包括Angular CLI、Create React App和Vue CLI。
Visual Studio会探索并使用安装在路径中的CLI构建项目,因此当开发者计算机没有安装所选择的CLI,则创建项目的对话窗口便会收到错误消息。由于React和Vue皆支持TypeScript与JavaScript,因此开发者可以指定想要使用的语言,Visual Studio便会在CLI命令中添加适当的旗标。
微软提到,不少开发者习惯把前端和后端项目分开,以便在不同的编辑器中打开,而Visual Studio 2022现在也提供类似的配置,在同一个解决方案设置前端和后端项目,而JavaScript/TypeScript项目可以简单地与ASP.NET Core Web API集成,并且选择一起或是各自独立运行、调试和编辑。
创建JavaScript/TypeScript项目时,开发者可以激活Test Explorer进行单元测试,微软在React和Vue项目使用Jest,并在Angular项目使用Karma和Jasmine,在默认情况下,开发者可以执行每个框架所提供的默认测试,或是自己编写各种测试。
不只在Visual Studio,用户也能够在VS Code中快速对JavaScript/TypeScript项目调试,微软在项目样板提供了一个launch.json文件,该文件可以使用于Visual Studio以及VS Code,以设置启动配置,因此开发者可以在Visual Studio以及VS Code间就能无缝地打开、编辑和调试JavaScript/TypeScript项目。