WetchApp开发指南：Angular CLI基本操作

资源摘要信息:"wetch-frontend:TFM UOC" 1. Angular CLI 版本管理： - 项目使用的是 Angular CLI 版本 11.2.6，这表明开发环境已对特定版本进行了固定，以保证应用的一致性和兼容性。 2. 开发服务器设置： - 开发过程中，开发者使用ng serve来启动开发服务器，该服务器默认监听本地地址的4200端口，即在浏览器中访问http://localhost:4200/即可查看当前开发的应用。 - ng serve还具有热重载功能，意味着当源代码文件有更改时，应用会自动重新加载，无需手动重启服务器。 3. 代码脚手架的使用： -Angular CLI 提供了代码生成器ng generate，简称为 ng g，通过它可以快速创建项目结构中的各种组件。 - 常用命令包括ng g component component-name来创建新的Angular组件。 - 其他可使用的脚手架指令包括ng g directive|pipe|service|class|guard|interface|enum|module，分别用于创建指令、管道、服务、类、守卫、接口、枚举、模块等。 4. 项目构建过程： - 使用ng build命令来构建项目，此过程会生成用于部署的静态资源文件。 - 默认情况下，构建产出的文件存放在项目根目录下的dist/文件夹中。 - 如果需要生产环境的构建，可以在命令中加入--prod标志，如ng build --prod，这将启用特定的优化选项，如AOT编译、UglifyJS压缩等。 5. 单元测试： - 测试是软件开发不可或缺的一部分，ng test命令将执行定义在项目中的单元测试。 - 单元测试允许开发者验证应用中各个独立模块的功能正确性，是保证代码质量的重要步骤。 6. 端到端测试（e2e测试）： - ng e2e命令用于执行端到端测试，这类测试模拟真实用户的行为，验证整个应用的工作流是否符合预期。 - 端到端测试通常需要设置测试环境，涉及到真实或模拟的浏览器环境，以及完整的应用部署。 7. 帮助与文档： - 如果需要获取Angular CLI的更多帮助，可以使用ng help命令查看所有可用的命令及其说明。 - 另外，通过访问Angular的官方文档页面，开发者可以获得更多关于Angular框架和CLI工具的详细信息和最佳实践。 通过上述描述，我们可以看出项目是基于Angular框架构建的，强调了自动化测试的重要性，并提供了一套完整的开发和测试流程。开发者可以依照提供的指令高效地进行项目的开发、测试与部署。