angularjs开发环境搭建

Angularjs是一个前端页面应用开发框架，其使用TypeScript作为开发语言，Angularjs的特性包括，使用组件、模板以及依赖注入的开发框架构建可扩展的web应用，使用易于集成的类库支持页面路由、页面表单、前后端接口交互等各种不同特性，使用各种不同的工具集支持项目工程的开发、构建、测试以及更新应用代码。

开发环境搭建

npm install -g @angular/cli

如上所示，在本地开发环境中，使用nodejs运行时环境、使用包管理工具npm安装angularjs开发环境支撑工具集

npm init @angular test2023 或者ng new test2023

如上所示，在本地开发环境中，使用nodejs运行时环境、使用包管理工具npm新建一个angularjs项目工程test2023成功、node_modules中包括项目工程依赖支持的类库

npm start 或者ng serve –open

如上所示，在本地开发环境中，使用包管理工具 npm启动构建、运行项目工程test2023成功、在浏览器中访问本地运行的项目工程test2023响应成功

项目工程构建

ng build

如上所示，在本地开发环境中，使用angularjs的开发工具集构建项目工程test2023、可使用dist目录下构建的项目工程test2023部署到web运行时环境中

代码开发工具

如上所示，在本地开发环境中，使用visual studio code代码编辑工具在test2023项目工程中执行开发任务、在nodejs运行时环境中运行项目工程test2023成功