win10安装 nvm + angular

  • ① 安装nvm
  • ② 配置全局的node_modules
    • 2.1 新建[node_global] 、[node_cache]文件夹
    • 2.2 cmd窗口执行命令(设置npm的路径)
    • 2.3 配置环境变量
  • ③ 安装angular-cli
  • ④ 检查环境版本

指路,简易版安装指南,有安装基础的可以看这里,简洁版。angular环境安装 (含nodejs详细安装步骤)

① 安装nvm

  1. nvm:实现不同nodejs版本的自由切换。(node管理工具)
  2. 适用于多个不同版本的node项目在一台电脑上开发。
  3. 使用nvm可以安装和切换nodejs

安装nvm的详细教程:nvm安装(非C盘安装)


② 配置全局的node_modules

  1. 这里的操作具体是什么个说法没有研究的很清楚,有知道的求科普!!
  2. 通过查阅一些文章,大概的意思即使要npm现在安装的一些模块是全局的,所以最好是规划一下,放在一个目录下。

全局安装
指把模块安装在操作系统上。安装到操作系统后,整个计算机都可以使用,所以叫全局安装。

局部安装
指只针对当前项目的安装。(可以理解为局部变量的意思,换一个项目就没法用)

查看npm 全局目录

命令: npm root -g

2.1 新建[node_global] 、[node_cache]文件夹

(全局的安装目录)

  • 根据nvm安装路径新建文件夹如图1、2。我是在nvm下面新建了一个“npm”的文件夹,然后再新建这两个目录。

  • 也可以根据node安装目录,如图3、4。

图一
win10安装 nvm + angular_第1张图片

图二
win10安装 nvm + angular_第2张图片
图三
win10安装 nvm + angular_第3张图片

图四
win10安装 nvm + angular_第4张图片

2.2 cmd窗口执行命令(设置npm的路径)

创建文件夹后再cmd窗口输入:(目录为你创建的文件路径)

npm config set prefix “D:\softwareCore\nvm\nvm\npm\node_global”
npm config set cache “D:\softwareCore\nvm\nvm\npm\node_cache”

2.3 配置环境变量

有一些文章讲的不一样,这里我也不知道其中的因果,我按照以下配置的是可以使用的。

  1. 添加用户环境变量
    在用户环境变量,path中新建: D:\softwareCore\nvm\nvm\npm\node_global
    win10安装 nvm + angular_第5张图片
  2. 添加系统环境变量 (node_modules这个文件夹此时还没有,不用管,加上就对了)
    在系统环境变量,新建“NODE_PATH”,值为: D:\softwareCore\nvm\nvm\npm\node_global\node_modules
    win10安装 nvm + angular_第6张图片

③ 安装angular-cli

  • 版本过低的node 安装时需要跟上版本号。
  • 在创建angular项目名时,不要使用数字。(会创建失败,且没有提示)
npm install -g @angular/cli

④ 检查环境版本

可在命令行工具中输入命令查看安装的环境版本

node -v   // node版本
npm -v   // npm版本
ng version  // angular版本

win10安装 nvm + angular_第7张图片


参考链接:

  1. NVM安装教程使用手册
  2. npm安装全局和局部步骤

你可能感兴趣的:(环境,前端)