angular的安装和简单配置（入门）

最新推荐文章于 2024-08-11 16:18:11 发布
最新推荐文章于 2024-08-11 16:18:11 发布
阅读量1k 收藏 2
点赞数
文章标签： 前端 javascript angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Crayon111/article/details/125902649
版权
  • 安装node (这里不多赘述)

在这里插入图片描述

node -v

建议node版本是v14.15或v16.10(显然图中版本不合适；可以通过下载安装nvm的方式管理npm的版本
在这里插入图片描述

  • npm install -g @angular/cli@latest

在这里插入图片描述

  • 在cmd内进入自己建立的文件夹内ng new demo-project -
    通过脚手架的方式，创建angular项目文件

在这里插入图片描述

  • 用VSCode打开该文件夹
    在这里插入图片描述
    或新建终端 运行ng serve
  • 待加载完成后在浏览器上进入localhost:4200出现以下页面则完成Angular的简单创建

在这里插入图片描述

CrayonJ
关注
angular环境安装 (含nodejs详细安装步骤)
fupo
06-03 1858
a. 在安装nodejs的目录下新建两个文件夹【node_global】及【node_cache】安装完后之后可以使用 node-v 和 npm -v可以查询对应的node和npm的版本号。目前需要用到的版本是：10.15.2（项目1），18.15.0（项目2）nvm list : nvm 查看已安装的node。nvm use 版本号：切换到指定的node版本。b. cmd窗口执行命令（设置npm的路径）安装成功的话可以看到 nvm的版本号等信息。nvm -v: 查看nvm版本号。g. 设置nvm环境。
angular安装
bai的博客
11-23 5433
Angular 学习手册1安装
Angular-Cli脚手架介绍、安装并搭建项目
最新发布
2401_85834837的博客
08-11 563
大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】可能导致 CSS 的冗余。
安装angular
weixin_41044610的博客
04-17 547
最近接触到新的前端框架Angular。下面简单介绍下本人安装Angular CLI的过程。 Angular Cli是angular对包括一堆工程化构建工具，例如webpack的封装，能让开发者更容易的搭建angular工程。 安装Angular-Cli 需要先安装 Node.js. 大家可以去node.js官网下载。 说明：因为npm安装插件是从国外服务器下载，受网络影响大，可能出现异...
Angular安装命令
Ryan_black的博客
06-01 1179
直接打开cmd命令窗口,giao! 第一步：先装nodejs //去nodejs官网下一个比较新的版本,用如下代码查看是否下载成功 node -v 第二步：安装cnpm和淘宝镜像 npm install -g cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 第三步：安装前的检查 之前电脑上如果安装过angular cli老版本的话建议先卸载，然后重新安装。 卸载老版本： npm uninstall -g angul
angular前端环境搭建、安装angular
weixin_47599724的博客
12-13 2066
我们在第四步安装的时候选择了自定义保存路径D:\Nodejs】，我们需要把全模块下载路径和cache缓存路径也放在自定义的路径下【D:\Nodejs】。进入官网后，当前页面下载的是最新版本，如需要下载历史版本，点击红框标注的其他下载，在进入的新的页面底部，选择红框标准的先前版本，然后下载相应的版本，在跳转的页面下载win64的版本即可。3.在【系统变量】下的【Path】新建添加node全局文件夹【D:\Nodejs】，之后点击确定。2.如果安装版本错误，一般可先将本地已安装的版本卸载再次重新安装。
angular2 入门和示例书
12-28
**Angular2 入门** Angular2 是一个流行的前端框架，由Google维护，用于构建高性能、可维护的单页应用程序（SPA）。它采用TypeScript作为主要开发语言，提供强大的数据绑定和组件化特性，使得开发复杂Web应用变得...
angular-babel-seed：具有ES6的超级简单Angular快速入门
01-31
使用ES6（ ）代替的超级简单快速入门器。 建有，捆绑 。 基于官方的 。 建立 克隆或下载此仓库后，请在项目文件夹中运行以下两个命令以使其启动并运行。 yarn yarn dev 这将安装所有软件包，将ES6转换为ES5，将...
浅谈Angular HttpClient简单入门
12-01
在Angular框架中，HTTP客户端操作通常通过`HttpClient`模块来实现，它提供了更为简洁和强大的方式来处理...在实际开发中，可能还需要考虑错误处理、拦截器、超时等更复杂的场景，但这个简单的例子应该足以帮助你入门。
angular-clarity-ui-starter:一个带有ClarityUI入门工具包的简单Angular
05-18
2. **依赖注入**：Angular的依赖注入（Dependency Injection, DI）系统使得组件和服务之间的依赖关系管理变得简单。通过DI，组件可以轻松获取所需的其他服务，无需手动实例化。 3. **组件**：组件是Angular应用的...
angular2入门，就这一篇就够了
01-27
【Angular2入门详解】 AngularJS2，简称Angular2，是由Google维护的一款强大的开源JavaScript库，专为构建单一页面应用程序(SPA)设计。相较于其前身Angular1.x，Angular2进行了重大改进，性能大幅提升，并且全面...
Angular安装教程
01-08
Angular安装 安装node和npm 参考这篇文章安装 https://blog.csdn.net/wf19930209/article/details/84226365 正式安装 当然，在安装 @angular/cli 之前需要先把 Node.js 安装好，请到官方网站下载安装包 ，安装过程和普通软件没有区别。装好 Node.js 之后就可以安装 @angular/cli 了，由于 npm 会自动访问海外的服务器，因而强烈推荐使用 cnpm 进行安装： npm i -g cnpm --registry=https://registry.npm.taobao.org cnpm i -g @
Angular安装
知识改变一切
06-08 593
一、安装好nodejs二、执行以下命令npm i -g typescript typingsnpm i -g @angular/cli三、官方QuickStart网址https://angular.io/guide/quickstart四、问题解决方案https://blog.csdn.net/zhy13087344578/article/details/60745667...
Angular详细安装教程
weixin_45428910的博客
07-22 957
Angular详细安装教程
Angular安装与基础语法
weixin_63896561的博客
05-28 1064
会在根组件的统计生成一个组件xxx文件夹，比如ng g c hello 就会生成一个hello组件文件夹，里面是这个hello组件的四个文件，同时angularcli脚手架会自动把这个组件引入到app.module.ts中。父组件给子组件传递属性，父组件直接在子组件标签通过[ 属性名 ]的方式传递属性，子组件通过@Input接收父组件传递过来的属性；hello组件的ts文件中，可以通过selector属性得到组件名，引用时直接通过<组件名></组件名>的方式即可。如何修改动态表单绑定的变量呢？
angular环境安装
雨云21的博客
04-20 7321
1.在安装angular之前，需要安装Node.js Node.js官网：https://nodejs.org/en/ 安装Node.js非常简单，下载安装包后直接运行，一直下一步，然后点完成就行了 检测：进入命令控制台，输入node -v和npm -v查看版本信息 2.安装angular cli 以管理员身份运行命令提示符，输入安装命令 npm install -g @angular/cli ...
angular|大地老师第一节 超详细angular安装与运行
qq_40940552的博客
09-16 3806
一，安装准备环节 1，首先安装node.jsNode.js 选择安装版本时应选择则左侧的稳定版本 接着一直下一步就好 没出现问题 2，验证node.js以及npm是否安装成功 输入cmd打开命令行输入（括号内不输入）： node -v (node和-v中间有一个空格) 然后输入： npm -v （安装好node.js后npm自己就安装上了） 如果出现类似v10.13.0这样的版本号说明成功了（npm类似6....
从零开始构建Angular 2应用：快速入门与环境配置
本文将详细介绍如何从零开始使用TypeScript构建一个简单的Angular 2应用程序。首先，我们会通过运行一个DEMO来体验AngularJS 2的工作原理，然后逐步构建一个基本的项目结构。 项目结构包括一个名为"angular2-app"的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值