angular9 学习笔记
前言:
AngularJS作为Angular的最早版本,2010年发布其初始版本,至今已经10年了。除了这个最初版本(没学过),项目上一直从2.x 到至今项目使用8.x版本,现在Angular在2019年底上了9的稳定版。 Angular 使用TypeScript语言开发,对于一个“曾经”的后端,这都是微软爸爸开发的编程语言,有很多相近相似的感觉。除了一开始上手刷了一遍官方文档,到后面每升级一个版本,都很难有集中时间去整套看下来。趁着过年放n天,好好过一遍,特此写此随笔以做记录,加深印象。
1.搭建环境
万物皆基于环境,打开nodejs官网下载对应系统的nodejs安装,后检查是否安装成功。
安装 Angular CLI
npm install -g @angular/cli
2.创建一个新的项目
运行 CLI 命令 ng new xxx,将获得一个初始应用项目。
ng new angular-project-name
目录结构
3.启动应用程序
cd angular-project-name // 命令会构建本应用、启动开发服务器、监听源文件,并且当那些文件发生变化时重新构建本应用
ng serve --open // 标志会打开浏览器,并访问 http://localhost:4200/
结语:最基本的搭建环境,新建一个应用程序,让程序跑起来。
下面是Angular每个点的学习记录
-
Angular NgModule(模块)
-
Angular Service(服务)
-
Angular的启动过程
-
Angular http
-
Angular Router (路由)
-
Angular Component(组件)
- .........
此随笔乃本人学习工作记录,如有疑问欢迎在下面评论,转载请标明出处。
如果对您有帮助请动动鼠标右下方给我来个赞,您的支持是我最大的动力。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· 展开说说关于C#中ORM框架的用法!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?