Angular 开发环境配置 – Angular CLI安装

最新推荐文章于 2024-05-02 16:26:38 发布
原创 最新推荐文章于 2024-05-02 16:26:38 发布 · 8.8k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#angular

本文详细介绍了如何安装Angular CLI，包括Node.js的安装、使用nrm切换npm镜像、Yarn的替代方案，以及Angular CLI的全局安装。在安装完成后，通过`ng new`命令创建首个Angular工程，并利用`ng serve --open`启动开发服务器，展示了一个快速开始Angular开发的流程。

Angular 提供了一个命令行工具，可以简化我们的程序开发。我们今后的开发也会使用这一工具，因此我们需要首先安装这个名为 Angular CLI 的开发工具。

一    首先你需要安装好nodejs

      nodejs

   下载安装nodejs

       

           对于服务器和追求稳定的朋友，稳定性通常是第一考虑要素，因而 Node.js 推荐大多数用户使用8.11.2 LTS 长期支持版

         这里是学习使用，就使用最新版10.2.1

      win+r  输入cmd   再输入node -v  出现版本号说明安装成功

二安装nrm

        npm install -g nrm

最低0.47元/天 解锁文章
Angular环境配置与部署的细节探讨
2501_90323865的博客
03-28 85
在开发Angular项目时，环境配置是确保应用程序在不同环境（如本地开发、测试和生产）中正确运行的关键。然而，许多开发者在配置过程中常常遇到一些困惑，比如无法正确切换环境配置的问题。本文将详细探讨如何在Angular中配置多个环境，并提供一个实例来演示正确配置和部署的过程。
Win11搭建Angular开发环境
最新发布
IT布道
08-22 1498
在Win11下搭建Angular开发环境
Angular CLI 安装
松门一枝花
05-23 1万+
安装Angular 官网的教程，因为国内网络环境原因，访问不了服务器，导致安装失败。 1、先安装NodeJs 安装教程：http://blog.youkuaiyun.com/zengmingen/article/details/72650484 2、通过NodeJs中的模块npm 命令行安装 CLI 2.1、设置npm的资源库为国内淘宝的。 命令： npm config set r
现今最详细的angular开发环境配置全套教程
热门推荐
桂云帆的博客
04-18 3万+
第一步、安装node.js1.需要下载的文件路径：https://nodejs.org/en/download/2.安装nodejs:3.验证node.js4.npm安装以及验证：npm的安装。由于新版的NodeJS已经集成了npm，所以之前npm也一并安装好了。同样可以使用cmd命令行输入"npm -v"来测试是否成功安装5.配置npm全局路径存放位置以及cache的路径：例如：我希望将以上两个...
Angular基础-搭建Angular运行环境
踏雨歌青春，诗酒趁年华
05-02 9463
这篇文章介绍了在Angular项目中进行开发环境搭建的关键步骤。包括node.js安装和配置、安装Angular CLI工具、安装angular-router、创建Angular项目等步骤。这篇文章为读者提供了清晰的指南，帮助他们快速搭建Angular开发环境，为后续的项目开发奠定基础。
npm 安装angular-cli
weixin_37969864的博客
05-01 552
1.如果已经安装过的话： 1) npm uninstall -g angular-cli 2) npm cache clean 3) npm install -g angular-cli@latest 2.没有安装的话直接执行第3步即可
通过Angular CLI配置后端代理解决开发环境跨域问题
Bigger_Mountain的博客
04-19 1271
最近在优化一个Angular开发的前端项目，后端涉及2个web服务，1个websocket。由于没有系统的学习过相关的内容，之前开发调测都是开发/优化一部分功能就打包，发布一次，再进行测试，效率非常低下。尝试在开发过程中配置修改后端服务的配置，但是由于跨域问题，无法正常工作。后来想到在VUE项目可以在开发时设置代理与后端测试环境对接，于是尝试在Angular上进行尝试，最终完美解决，再次记录一下。
【Angular】Angular8开发拼多多——Angular CLI的环境配置
xuwenjie的博客
08-04 653
Angular CLI 的 环 境 配 置 前 言 : Angular8开发拼多多 webapp从基础到实战 准 备 一：Angular CLI 的 环 境 配 置 步 骤 ： node -> NPM / CNPM -> Angular CLI 安 装 node.js 1，登录Node.js页面: https://nodejs.org/en/ 2，下载LTS（其维护时间比较长） 注： 安装node.js的目的是使用npm管理项目依赖的软件包 npm 与 cnpm 的 作 用 与 区 别 npm
Angular 开发学习之Angular CLI的安装使用
01-21
前面我们已经准备好开发环境，现在可以正式开发了。正如前面提到的，Angular 提供了一个命令行工具，可以简化我们的程序开发。我们今后的开发也会使用这一工具，因此我们需要首先安装这个名为 Angular CLI 的开发...
使用Angular-cli搭建Angular开发环境
培根芝士的专栏
11-19 690
Angular2简介 Angular 2 是Google推出的一个跨平台全终端的框架，和目前比较火的React和Vue.js相比，有如下优点: 由于Google的目的是推出一个完整解决方案，所以官方默认提供的类库(比如routing，http，依 赖性注入(DI)等)非常完整，无需自己选择。React的一大痛点就是选择太多导致在配置寻找 组件和类库的过程中消耗太多精力，当然从另一方面看这也是其优势，选择众多且自由。 官方支持TypeScript(微软出品，是JavaScript的超集，是 JavaScr
【Angular】安装Angular—cli
王如霜
11-12 826
下载node.js下载后是个.msi文件        检查是否安装成功：node -v        node.js简单来说：就是运行在服务端的JavaScript 安装npm安装cnpm：       npm install cnpm -g --registry=https://registry.npm.taobao.org 检查是否安装成功：cnpm -v
angular cli开发angular环境搭建
zhang527294844的博客
10-19 750
NodeJs环境安装与配置 下载地址 1.      官网地址：https://nodejs.org/en/ 2.      中文地址：http://nodejs.cn/download/ 下载完成后,一直下一步安装就行，期间最好指定安装目录，我的安装目录为： D:\install\nodejs 验证安装是否成功 命令行输入：node -v Np
MVVM
weixin_30767921的博客
05-09 296
前端：MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心，它是连接view和model的桥梁。它有两个方向：一是将【模型】转化成【视图】，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。二是将【视图】转化成【模型】，即将所看到的页面转化成后端的数据。实现的方式是：D...
Angular安装命令
Ryan_black的博客
06-01 1263
直接打开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
mac:安装node、npm和angular cli
森豪Steven的博客
05-01 671
1.使用curl或wget安装nvm curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh|bash or wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh|bash 2.使用nvm ins...
Angular随记：Angular CLI安装及使用
鸡肋佐的博客
12-30 1378
Angular CLI安装及使用
Angular开发：安装开发环境、常用命令介绍
Brave Soul Blog
02-01 505
Angular开发：安装开发环境 1、前言 Angualr 是一款来自谷歌的开源的 web 前端框架，诞生于 2009 年，由 Misko Hevery 等 人创建，后为 Google 所收购。是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当 中。 根据项目数统计 angular（1.x 、2.x 、4.x、5.x、6.x、7.x）是现在网上使用量最大的框 架。 Angualr...
angular入门基本操作（node.js安装、angular安装、镜像源安装、visual studio code安装、git常用命令）
My_Soul_的博客
07-28 861
angular入门基本操作 一、下载并安装Node.js ​ 安装步骤 下载链接 ​ 为什么安装Node.js ​ Angular、Angular CLI 和 Angular 应用都依赖于 npm包(node.js package manage)中提供的特性和功能。要想 下载并安装 npm包，就必须拥有一个 npm 包管理器,而Node.js 已经默认安装了它。 二、安装Angular CLI...
nodejs 全局环境配置 Angular-CLI配置 Git 环境配置
对雪书空武
03-05 541
1、nodejs 配置 测试node: node -v npm -v 设置全局npm包安装路径： npm config set prefix "D:\nodejs\node_global" npm config set cache "D:\nodejs\node_cahce" 在用户变量和系统变量Path中都加入 D:\nodejs\node_cahce D:\nodejs\node...
Angular开发环境配置与CLI使用指南
- **开发服务器**：描述了如何使用Angular CLI命令`ng serve`启动开发服务器。开发服务器提供了一个本地服务，默认端口是4200，可以通过浏览器访问`http://localhost:4200/`来查看应用。这一过程支持热重载功能，即...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值