angular环境安装 (含nodejs详细安装步骤)

news/2024/11/27 8:20:59/
  1. 在安装本次环境之前,需要先把本机上的nodejs环境卸载,环境变量手动删除!安装过程种环境才不会产生副作用!
  2. 实际项目安装的一次记录,踩了太多坑,记录一下,旨在记录!
  3. 项目需要两个不用版本的nodejs,[10.15.2(项目1),18.15.0(项目2)], 安装nvm管理多个node

  • 1. 安装nvm V1.1.10
  • 2. 使用nvm安装nodejs
  • 3. nvm 常用命令
  • 4. 配置npm环境
  • 5. 安装angular cli
  • 6. 安装ng-zorro
  • 7.参考链接

1. 安装nvm V1.1.10

a. 下载nvm-setup.zip安装包(https://github.com/coreybutler/nvm-windows/releases)
b. 解压后双击exe文件进行安装
c. 选择nvm安装路径 (D:\softWare\nvm)
d. 选择nodejs(快捷方式)安装路径  (D:\softWare\nvm\nodejs)*这里一定得是空文件夹或者不创建这个文件夹,因为nvm会自动创建这个文件夹为快捷方式
e. 安装完成之后可以查看环境变量(自动新增nvm环境变量)
![在这里插入图片描述](https://img-blog.csdnimg.cn/552af2343b93493088779c64e368aab5.png)

在这里插入图片描述
f. 在命令行窗口输入 nvm
安装成功的话可以看到 nvm的版本号等信息
在这里插入图片描述
g. 设置nvm环境
在nvm安装路径下找到setting.txt文件。打开编辑,添加淘宝镜像
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
在这里插入图片描述


2. 使用nvm安装nodejs

目前需要用到的版本是:10.15.2(项目1),18.15.0(项目2)
命令:nvm install 版本号
例:nvm install 10.15.2
安装完后之后可以使用 node-v 和 npm -v可以查询对应的node和npm的版本号


3. nvm 常用命令

nvm list : nvm 查看已安装的node。*代表当前使用的版本
nvm use 版本号:切换到指定的node版本
nvm -v: 查看nvm版本号


4. 配置npm环境

a. 在安装nodejs的目录下新建两个文件夹【node_global】及【node_cache】
在这里插入图片描述
b. cmd窗口执行命令(设置npm的路径)
创建文件夹后再cmd窗口输入:(目录为当前存放目录)
npm config set prefix “D:\softWare\nvm\nodejs\node_global”
npm config set cache “D:\softWare\nvm\nodejs\node_cache”

c. 配置npm环境变量

  • 用户环境变量
    在这里插入图片描述

  • 系统变量
    在这里插入图片描述


5. 安装angular cli

npm install -g @angular/cli


6. 安装ng-zorro

npm install ng-zorro-antd --save
ng add ng-zorro-antd

7.参考链接

(1)https://lichong.blog.csdn.net/article/details/118756713
(2)https://www.cnblogs.com/ejll/p/11229557.html


http://www.ppmy.cn/news/190899.html

相关文章

【Docker安装】快速部署Docker环境

【Docker安装】快速部署Docker环境 一、本次实践环境介绍1. 检查操作系统版本2. 检查内核版本二、卸载Docker三、使用yum安装Docker1. 安装相关依赖包2. 配置Docker的yum仓库3. 安装Docker4. 配置Docker镜像加速5. 开启路由转发6. 修改rc.local文件7. 查看Docker版本8. 查看Doc…

Linux CGroup 原理

Linux CGroup 原理 1、CGroup简介 cgroups是Linux下控制一个(或一组)进程的资源限制机制,全称是control groups,可以对cpu、内存等资源做精细化控制。 开发者可以直接基于cgroups来进行进程资源控制,比如8核的机器上…

微星B450M安装ubuntu 18.04 BIOS更改启动顺序

为了给新组装的台式机装个双系统,先用rufus烧录一个安装u盘,一般我选的是MBR,这次也没有改,然后格式化那里选的是FAT32,这个比较通用,安装的时候要分区,分区就是分了efi,根目录以及s…

微星 B450M MORTAR 盲刷BIOS

1.准备U盘,FAT32,微星BIOS文件一份 微星中国 在官网下载解压你需要的bios,把文件名修改成MSI.ROM 2.关机,主板插上电,U盘插入IO挡板中标注的接口(能刷BIOS的接口只有一个)找个螺丝刀捅着大概十…

bios 微星click_msi微星主板bios设置方法

你们知道怎么设置微星的主板吗,下面是小编带来msi微星主板bios设置的内容,欢迎阅读! msi微星主板bios设置方法一: 按开机键等待电脑屏幕出现开机画面的时候按“delete”键进入bios设置界面,进入bios设置界面后,移动光标…

微星B450主板为硬件保留内存太大释放教程 AMD和迫击炮钛金版主板和amd处理器还有骇客神条的内存提示灯亮不开机 兼容性问题解决保留内存。

我的硬件是 AMD2700X 和 微星B450迫击炮钛金版,配 骇客神条 8G 2666hz X2 问题嘛,主要是两个: 有时不能开机,症状: 插23组双通道,主板内存提示灯亮,报错。cpu风扇正常转动; 单根内…

win10+ubuntu16.04 微星B450M 256GSSD+1THDD(LEGACY+MBR)

在台式机上装双系统从昨晚折腾到现在,终于成功安装,总结一下安装注意事项: 1.首先你要确定你电脑的启动模式与磁盘分区模式(自行百度),我的台式机只有UEFI和UEFILegacy两种模式(开机按Delete进…

B450M MORTAR    AMD R5 3600   组装机

B450M MORTAR AMD R5 3600 MAXSUN MS-RX580 组装机。 研究生,小伙仔组装个台式机。协助帮忙,装机,装系统,分析遇到的问题。 第一步:问题,显卡点不亮。 第一天,组装机器。 现在CPU都…