【Angular】nodejs环境搭建，cnpm安装及配置

最新推荐文章于 2024-04-24 20:55:06 发布

原创

最新推荐文章于 2024-04-24 20:55:06 发布 · 867 阅读

3 ·

CC 4.0 BY-SA版权

不会弹钢琴的架子鼓手不是一个会弹尤克里里的好程序媛

文章标签：

#nodejs安装及环境变量配置 #cnpm安装 #angular环境搭建 #npm不是内部命令 #ionic安装及配置

本文详细介绍了如何在Windows环境下搭建Angular开发所需的Node.js环境，包括Node.js的下载与安装、环境变量配置，以及CNPM的安装和验证。在遇到'npm不是内部命令'的问题时，文章提供了环境变量配置的解决方案。此外，还提及了安装typescript和Angular CLI的步骤，确保能成功运行Angular项目。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装nodejs

Angular基于node.js，所以先安装nodejs环境。

下载nodejs——打开nodejs官网，下载 .msi文件。下载地址☞戳我

一直小白似的下一步就行了。

配置环境变量

如果没有改变默认位置。直接执行步骤就可，不需要配置环境变量。因为C盘中的环境变量已经自行配置了。
如果改变了位置。
可以在nodejs中新建两个文件夹做为全局变量和存放缓存的地方
在这里插入图片描述
命令行中输入：↓
注意！！！（这里的路径是放置global的路径，不要直接粘贴）

npm config set prefix "D:\Program Files\nodejs\node_global"

npm config set cache "D:\Program Files\nodejs\node_cache"

此时不是安装在c盘，需要进行环境变量的配置。否则npm命令无法直接使用，
默认用户环境变量配置：
在这里插入图片描述
修改用户环境变量地址：
<

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

UlricaQ

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Angular 环境搭建及项目的创建

dave的技术成长之路

01-25

1537

一、环境搭建 1、安装nodejs node - v ：查看版本 npm -v ：查看npm 的版本 2、安装cnpm 疑问：npm和cnpm 都是什么？ npm(node package manager):nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等） cnpm：是一个完整的npmjs.org镜像，可以用此版本替代npm，俗称：中国NPM镜像，由淘宝阿里提供！安装命令： npm install -g cnpm --registry=https://registry.npm.

设置 Angular 包管理器为 cnpm

遗忘了的自己

06-30

249

ng config -g cli.packageManager cnpm 设置 angular 包管理器为 cnpm

2 条评论您还未登录，请先登录后发表或查看评论

Angular--配置Node.js

罗俊

07-30

1538

前言内容步骤： 1.下载Node.js 2.安装Node.js 3.开始配置Node.js 4.安装typescript和typings 5.安装@angular/cli 6.新建AngularJS项目 7.定位到项目目录 8.安装项目依赖的所有node.js 总结 end 前言 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环...

nodejs 搭建angular_搭建Angular开发环境

weixin_33110431的博客

12-31

683

开发环境-nodejs版本v6.10.1-package manager使用bower-安装Angular版本1.3.7-安装Angular route版本1.3.7-页面呈现方式采用SPA(Single-page Application)(另介绍)-编程模式采用MVC-开发平台在window 10-开发路径在D:\myWeb-IDE使用WebStorm 10.0.3一、在你的计算机安装node....

angular nodejs npm

power0405hf的专栏

02-12

760

http://blog.youkuaiyun.com/daihuimaozideren/article/details/78566757 不过没把cnpm设为global：没写这句： ng set --global packageManager=cnpm ng new AngularTest 进入项目后(cd AngularTest) ng serve 默认4200 写的很棒的入门小作品...

Angular环境搭建

白不懂黑的静的专栏

06-20

193

Angular环境搭建 1、安装前准备工作： 1.1 安装node.js 确保你的开发环境中包括 Node.js® 和一个包管理器 Angular 需要 Node.js 版本 10.9.0 或更高版本 node.js下载地址：https://nodejs.org/zh-cn/ 1.2 安装cnpm(当然这个可以不安装，只是为了提高安装速度) 因为有时候用npm会安装失败，所以建议先用npm先安装cnpm npm install -g cnpm ...

AngularJs之Node.js安装配置

weijiaxing

04-25

567

下载Node.js的安装包node.js中文网下载，如果去官网下载龟速node.js中文网：http://nodejs.cn/ 开始安装(安装包下载完成后)这里可以一路next，也可以根据自己的需要进行选择要安装的目录检验是否安装成功win键+cmd 打开DOS窗口输入 node -v，npm -v 分别查看nod和npm对应的版本

Vue开发环境 Nodejs安装 cnpm安装与卸载

Siobhan_Mxin的博客

08-30

1万+

深度解决npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead. Node.js安装与环境变量配置的详细步骤，旨在为将来再次配置Node.js时提供指导方法。

Angular开发环境搭建.docx

09-13

在 Windows10 系统上安装 NodeJs 是搭建 Angular 开发环境的第一步。NodeJs 是一个基于 JavaScript 的 runtime 环境，可以运行 JavaScript 代码。安装 NodeJs 需要下载对应的安装文件，然后按照提示安装。在安装过程...

Angular 2环境搭建到快速上手

11-14

### Angular 2 环境搭建到快速上手 #### 一、Angular 2 开发环境搭建步骤 ##### 第一步：安装 Node.js 1. **下载安装**：访问 [http://nodejs.org/download/](http://nodejs.org/download/) 下载 Windows 版本的 ...

nodejs、npm、cnpm、yarn安装及环境配置

热门推荐

LoveQHM的博客

04-28

1万+

nodejs、npm、cnpm、yarn的安装与配置

Node.js和cnpm环境搭建

chuanchengdabing的博客

04-24

3291

输入以下命令：双引号内分别是刚刚创建的空文件夹node_global 、node_cache 的路径。在node_global文件夹中再创建一个空的文件夹：node_modules。npm install express -g // -g代表全局安装。将默认的 C 盘下【 AppData\Roaming\npm 】删掉。创建两个空文件夹 node_cache 、node_global。解决npm官方源在国外导致的下载速度慢、连接不稳定的问题。输入node -v 显示node版本，显示则安装成功。

CNPM 安装 angular项目

lym88230243的博客

10-29

778

环境准备： 1.nodejs –在cmd中使用npm --version来查看是否安装了node 2.cnpm –在cmd中使用命令cnpm --version来查看，如果没有则需要安装 –安装cnpm的命令: npm install -g cnpm --registry=https://registry.npm.taobao.org 利用->ng -version 检查cli是否安装好，没有则需要安装： cnpm install -g @angular/cli 生成项目 ng new my-ap

Angular4学习--CNPM使用

weixin_30279315的博客

08-02

114

因为使用npm没有FQ的话，下载依赖包回很慢，这个时候就出现了淘宝的CNPM。安装cnpm时，先要安装TypeScript。 1.npm install -g typescript tsc -v 2.安装cnpm 参考网页：https://npm.taobao.org/ 3.完成安装。转载于:https://www.cnblogs.com/mickes...

Angular-cli 配置cnpm 来快速创建项目

chenwu0114的博客

05-14

314

Angular-cli 怎么搭建这里就不多讲了，给个连接https://my.oschina.net/mumu/blog/834254 这是大漠大大的视频教程 ng new projectName 可能会在Installed packages for tooling via npm.这...

angularjs express nodejs的关系

weixin_33721344的博客

01-13

602

2019独角兽企业重金招聘Python工程师标准>>> ...

angular环境配置

loadSuccess的博客

08-19

518

最近忽然想起学习一下angular，在这里做一下笔记首先安装nodejs，我是2017-8-18开始安装的，遇到一个问题 6.X的nodejs 会报各种错了直接安装了 8.X的beat版本无问题安装完 nodejs 设置一下（因国内网络限制，翻墙也稳定各种错误，令人头疼，建议之间安装cnpm） npm install -g cnpm --registry=https://reg

前端环境搭建之 Angular + Node.js 的操作教程

王川的博客

07-05

1万+

1.下载安装nodejs 打开nodejs官网，点击硕大的绿色Download按钮，它会根据系统信息选择对应版本（.msi文件）。 node.js插件在windows系统下是个.msi工具，只要一直下一步即可，软件会自动在写入环境变量中，这样就能在cmd命令窗口中直接使用node或npm命令。 PS:Angular2基于node.js，所以要先安装nodejs环境 ...

Node.js和angular.js心得小扎

zhangxiang_1102的博客

04-06

4150

nodejs安装多版本及环境配置

最新发布

03-15

### 如何使用 NVM 管理多个 Node.js 版本 Node Version Manager (NVM) 是一种轻量级的工具，能够帮助开发人员在同一台计算机上安装和管理多个 Node.js 版本。通过这种方式，可以轻松满足不同项目对特定 Node.js 和 npm 版本的需求。 #### 安装 NVM 在 macOS 或 Linux 上，可以通过以下命令安装最新版本的 NVM： ```bash curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash ``` 或者也可以使用 `wget` 命令完成相同操作[^1]。安装完成后，重新加载 shell 配置文件以使更改生效： ```bash source ~/.bashrc ``` #### 安装指定版本的 Node.js 要安装某个具体版本的 Node.js，只需运行如下命令： ```bash nvm install <version> ``` 例如，如果想安装 Node.js v16.14.2，则输入： ```bash nvm install 16.14.2 ``` #### 设置默认使用的 Node.js 版本为了设置全局默认使用的 Node.js 版本，可执行以下命令： ```bash nvm use <version> ``` 或将其设为默认版本以便新开终端会话自动应用该版本： ```bash nvm alias default <version> ``` 当遇到 “nvm use 失效”的情况时，可能是由于 PATH 环境变量未正确配置或其他冲突引起的问题。此时应检查 `.zshrc`, `.bash_profile` 文件中的路径定义是否合理，并确保没有其他 Node.js 实例干扰当前环境[^2]。 #### 切换不同的 Node.js 运行环境切换到另一个已安装好的 Node.js 版本非常简单，只需要调用下面这条指令即可： ```bash nvm use <desired_version> ``` 值得注意的是，在某些情况下可能会发现即使已经切换到了目标版本号，实际运行的应用程序仍然采用旧版npm包管理器的情况；这是因为每次更新node之后都需要同步升级对应的npm版本才能完全匹配预期行为[^4]。对于 Angular 开发者来说，利用同样的方式还可以方便地调整适用于各自项目的 angular cli 工具链版本需求[^3]。 ```javascript // 示例代码展示如何验证当前正在使用的 nodejs 及其关联的 npm 的版本信息 console.log(`Current Node version: ${process.version}`); const { execSync } = require('child_process'); try { const output = execSync('npm --version').toString(); console.log(`Current NPM version: ${output.trim()}`); } catch(err){ console.error("Failed to retrieve NPM version:", err.message); } ```