Angular12（最新版）安装及简单使用教程

最新推荐文章于 2024-07-25 09:23:08 发布

soapcmd

最新推荐文章于 2024-07-25 09:23:08 发布

阅读量3k

点赞数 1

分类专栏： JS React Angular 文章标签： angular

本文链接：https://blog.csdn.net/weixin_44596902/article/details/118024110

版权

JS React Angular 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

安装Node.js
https://nodejs.org/en/download/

在这里插入图片描述
上图为windows操作，其他系统类似
下载完成后一路确认安装即可

安装Angular
在此之前，检查Node.js的安装情况
命令行输入：
node -v
以及
npm -v
没有报错则说明安装成功

命令行输入以下命令即可安装Angular

npm install -g @angular/cli

简单使用

ng new projectname #新建angular项目
ng g s servicename #创建service
ng g c componentname #创建component
ng serve  #启动项目
ng serve --port 8081 #指定端口启动

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

soapcmd

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Angular入门到精通系列教程（12）- 路由（Routing）

Jack @ CSDN

01-25

6964

文章目录1. 摘要2. 路由（Router）基本用法2.1. 准备2.2. 注册路由2.3. html中的用法2.4. ts 代码中的用法3. 接收参数3.1. 路径中的参数3.2. 参数（QueryParameter）中的参数4. URL路径显示格式5. 部署中遇到的问题6. 总结 1. 摘要 2. 路由（Router）基本用法 2.1. 准备 2.2. 注册路由 2.3. html中的用法 2.4. ts 代码中的用法 3. 接收参数 3.1. 路径中的参数 3.2. 参数（QueryPara

Angular12 学习angular2前的热身准备

weixin_30556161的博客

09-03

343

1 ECMA　European Computer Manufactures Association 　　这个组织的目标是评估，开发和认可电信和计算机标准。　　百度百科：点击前往　　ECMA65：满足ECMA标准的第五代JavaScript，所有浏览器都支持　　ECMAS6：满足ECMA标准的第六代JavaScript，大部分支持（重点学习ES6）　　注意：可以利用babel将E...

参与评论您还未登录，请先登录后发表或查看评论

Angular 18.2.0 的新功能增强和创新

最新发布

技术探索驿站

07-25

1374

随着 18.2.0 的发布，CLI 已更新了新的提示，可更有效地指导开发人员完成各种任务，例如组件生成、配置选项和依赖项管理。这包括对延迟加载的改进，现在它支持更复杂的场景，并通过按需加载资源来提高应用程序的性能。新的错误处理功能可以提供更具描述性的消息，准确指出错误发生的位置和原因，这与通用消息不同。通过为您的项目配置 Angular Universal 可以说明 SSR 的改进，它现在可以更有效地处理动态导入，从而减少首次绘制的时间。借助新的测试功能，您可以轻松模拟必要的服务并直接关注组件的功能。

Angualr12-module

weixin_52594202的博客

01-13

//模块化 import { NgModule } from '@angular/core' //适配游览器版本 import { BrowserModule } from '@angular/platform-browser' //http服务 import { HttpClientModule,HttpClient }from'@angular/common/http' //表单使用ngModel时 import { FormsModule } from '@angular/forms' //语言 i

angularjs 教程12

06-15

517

In this step, you will improve the way our app fetches data. Workspace Reset Instructions ➤ Git on Mac/LinuxGit on Windows Reset the workspace to step 11. git checkout -f step-11

angular学习之路12-响应式表单

qq_24401529的博客

06-29

427

1,添加单个表单控件：步骤 1 - 注册ReactiveFormsModule 要使用响应式表单，就要从@angular/forms包中导入ReactiveFormsModule并把它添加到你的 NgModule 的imports数组中。 import { ReactiveFormsModule } from '@angular/forms'; @NgModule({ ...

angular6.0开发教程之如何安装angular6.0框架

08-27

angular2 最新教程（全网首发）

04-19

angular7 最新英文版.zip

06-25

Angular视频教程汇总

12-26

### Angular视频教程汇总知识点 #### 一、Angular简介与安装 **知识点1：Angular概述** - **定义**：Angular是由Google开发的一款开源JavaScript框架，主要用于构建动态Web应用程序。 - **特点**： - 基于...

Angular入门教程1

08-08

**Angular入门教程1** 在开始Angular的开发之旅之前，我们需要先搭建好开发环境。本文将指导您完成必要的准备工作，包括安装Node.js、TypeScript以及Angular CLI，并提供学习资源和项目实战指南。 ### 1. 搭建环境...

Angular12_Calculadora:使用 Agular12 的计算器项目

07-24

计算器这个项目是用版本 12.1.1 生成的。开发服务器为开发服务器运行ng serve 。导航到http://localhost:4200/ 。如果您更改任何源文件，该应用程序将自动重新加载。代码脚手架运行ng generate component component-name来生成一个新的组件。你也可以使用ng generate directive|pipe|service|class|guard|interface|enum|module 。建造运行ng build来构建项目。构建工件将存储在dist/目录中。运行单元测试运行ng test以通过执行单元测试。运行端到端测试运行ng e2e以通过您选择的平台执行端到端测试。要使用此命令，您需要先添加一个实现端到端测试功能的包。进一步帮助要获得有关 Angular CLI 的更多帮助，请使用ng he

angular12简单搭建项目的过程记录

qq564280420的博客

09-28

1146

angular12 angular.json

letianxf的博客

11-15

1680

angular.json的配置信息

在Angular 12中使用Router浏览视图

需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~

04-16

318

Kendo UI for Angular最新版下载 Kendo UI for Angular是专业级的Angular UI组件库，不仅是将其他供应商提供的现有组件封装起来，telerik致力于提供纯粹高性能的Angular UI组件，而无需任何jQuery依赖关系。无论您是使用TypeScript还是JavaScript开发Angular应用程序，Kendo UI for Angular都能为Angular项目提供专业的、企业级UI组件。构建单页应用程序（SPA）很有趣，尤其是当您开始使用Angula

Angular12 + Angular Material

X01动力装甲的专栏

11-19

491

creates new Angular application. ng new library -s -t -S --routing –inline-style -s –inline-template -t –routing -skip-tests -S Installing packages (npm)... Ten years later……

weixin_30649859的博客

12-12

212

在使用ng项目的ui框架时，比如ng-zorro、angular Material，需要安装最新版本的@angular/cli；配置ng-zorro框架 ng-zorro官网：https://ng.ant.design/#/docs/angular/getting-started 命令行执行下面的代码，配置ng-zorro $ npm install ng-zorro-antd --...

angular11 版本升级

朝花夕拾的博客

02-04

1949

安装Angular cli 指定版本号 npm install -g @angular/cli@11.0.2 Angular cli升级（如果版本低于8.3.12，请按下面方式升级) 升级方式一： npm uninstall -g @angular/cli npm install -g @angular/cli@11.0.2 升级方式二： npm install -g npm-upgrade npm update -g @angular/cli@11.0.2 ...

angular12子父组件传值

weixin_42729938的博客

09-02

364

1、父传子父组件 <div> <ty-forme [item] = "currentItem"></ty-forme> </div> export class HomeComponent implements OnInit { currentItem = "来自父组件"; } 子组件 <div> 父组件传来的值: {{item}} </div> import { Component,.