windows下 angular环境安装及项目创建

本文详细介绍了在Windows系统中安装Angular环境的过程,包括下载安装Node.js和npm,使用npm指令安装Angular CLI,创建项目,启动项目,并提供了更换npm镜像源和相关维护指令的说明。
摘要由CSDN通过智能技术生成

1,下载 Node.js 和 npm 包管理器。

官网链接:Node.js

点击下图红框下载并安装
在这里插入图片描述
cmd执行命令:node -v
出现下图node版本号说明安装成功,
在这里插入图片描述
在安装 Node.js 时就已经默认安装了npm包
cmd执行命令:npm -v
在这里插入图片描述
出现如上图说明安装成功,以上应该不会出现问题,我们继续往下进行

2,安装 Angular CLI

接下来用npm指令安装Angular CLI(两种方式,执行一种就可以)

  • 第一种是默认从http://registry.npmjs.org下载对应的插件包(该网站服务器位于国外,所以经常下载缓慢或出现异常)
    cmd执行指令:npm install -g @angular/cli

  • 第二种是从阿里在国内搭建的镜像服务器:http://npm.taobao.org 下载对应的插件包
    首先我们更换下载镜像
    执行以下指令: npm config set registry https://registry.npm.taobao.org --global
    还有: npm config set disturl https://npm.taobao.org/dist --globa
    执行时是不会报任何提示的,如何知道自己已经更换成功呢。
    执行以下指令查看下载镜像:npm config get registry
    更换成功如图
    在这里插入图片描述
    然后开始下载cnpm指令包:npm install -g cnpm --registry=https://registry.npm.taobao.org
    执行(重新打开cmd执行):cnpm -v
    在这里插入图片描述
    安装 Angular CLI:cnpm install -g @angular/cli

最后执行指令:ng version
出现版本号则安装成功,环境搭建完毕。

3,创建项目

进入自己工作空间(随便创建)shift+鼠标右键,选择在此处打开指令窗口,然后执行:ng new aaaa(aaaa是自己起的项目名)
在这里插入图片描述

4,启动项目

进入项目文件夹:cd aaaa
执行:ng serve
在这里插入图片描述
项目成功启动,大功告成!

5,其他指令

  • 卸载angular/cli:npm uninstall -g angular-cli
    清缓存:npm cache clean -force

  • 换回国外镜像:npm config set registry https://registry.npmjs.org/

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值