当前位置:   article > 正文

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

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

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环境变量)

在这里插入图片描述
在这里插入图片描述

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
// angular7 npm install @angular/cli@7.2.2 -g


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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/不正经/article/detail/641271
推荐阅读
相关标签
  

闽ICP备14008679号