码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 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
    
    • 1

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

    (全局的安装目录)

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

    • 也可以根据node安装目录,如图3、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”
    
    • 1
    • 2

    2.3 配置环境变量

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

    1. 添加用户环境变量
      在用户环境变量,path中新建: D:\softwareCore\nvm\nvm\npm\node_global
      在这里插入图片描述
    2. 添加系统环境变量 (node_modules这个文件夹此时还没有,不用管,加上就对了)
      在系统环境变量,新建“NODE_PATH”,值为: D:\softwareCore\nvm\nvm\npm\node_global\node_modules
      在这里插入图片描述

    ③ 安装angular-cli

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

    ④ 检查环境版本

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

    node -v   // node版本
    npm -v   // npm版本
    ng version  // angular版本
    
    • 1
    • 2
    • 3

    在这里插入图片描述


    参考链接:

    1. NVM安装教程使用手册
    2. npm安装全局和局部步骤
    3. nvm详细安装步骤避坑指南以及使用
  • 相关阅读:
    经纬度转笛卡尔坐标
    Java第9章 异常
    windows USB设备驱动开发-双角色驱动
    导数求函数的单调性与极值习题
    zookeeper应用之分布式屏障
    有什么学习 Web 前端的技巧分享?
    Golang仿ps获取Linux进程信息
    每日一记项目,拼图小游戏
    【0129】Latch机制是pselect()的一种实现
    C++11:自动类型推导auto/decltype
  • 原文地址:https://blog.csdn.net/weixin_43964866/article/details/133930440
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号