Node.js安装-yarm安装及环境配置-Windows篇

本文详细介绍了在Windows 10上安装Node.js(v15.5.1)及其环境配置的步骤,包括下载、安装、配置npm全局路径、解决`express`命令找不到的问题,以及介绍如何使用阿里镜像cnpm和安装yarn。

一、安装环境
1.电脑系统:Windows 10 (64位)
2.Node.js:v15.5.1(64位)
3.NPM版本:7.3.0

二、安装Node.js步骤
1.Node.js版本下载: https://nodejs.org/en/download/
2.选择希望安装目录安装Node.js
3.Node.jd环境配置
4.Node.js环境测试
5.阿里镜像cnpm使用
6.yarm安装使用
注:安装配置环境遇到问题node.js安装express不是内部或外部命令

三、安装准备
1、Node.js简介
Node 是一个让 JavaScript 运行在服务端的开发平台:它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。 发布于2009年5月,由Ryan Dahl开发,实质是对Chrome V8引擎进行了封装。
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其既轻量又高效。Node.js 的包管理器是 npm。

2、Node.js下载
https://nodejs.org/en/download/下载需要版本
在这里插入图片描述

四、安装Node.js

1.安装步骤
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
至此安装完成

安装完成后需要测试是否安装成功,在电脑中打开运行 或者使用【win+r】键盘输入cmd 打开窗口
在这里插入图片描述

在这里插入图片描述
显示对应版本代表安装成功

注:新版Node.js安装成功后会自动安装npm,npm就是用来对Node.js进行管理的,也是用来安装/卸载Node.jd对应的插件或所需东西的。

五、配置环境
注:这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。
例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\Coil\node.js】下创建两个空文件夹【node_global】及【node_cache】如下图:
在这里插入图片描述
创建完空文件夹后,打开CMD命令窗口,输入如下命令

npm config set prefix "D:\Coil\node.js\node_global"
npm config set cache "D:\Coil\node.js\node_cache"

在这里插入图片描述

然后配置环境变量,在“我的电脑”-右键-属性-“高级系统设置”-高级-环境变量
在这里插入图片描述
进入环境变量对话框,在【系统变量】下新建【NODE_PATH】,输入【D:\Coil\node.js\node_global\node_modules】
将【用户变量】下的【Path】修改为【D:\Coil\node.js\node_global】
在这里插入图片描述
编辑C:\的npm变量更改为如下【D:\Coil\node.js\node_global】
在这里插入图片描述
六、测试环境
配置完后,安装个module测试下,我们就安装最常用的express模块,打开cmd窗口,
输入如下命令进行模块的全局安装:

npm install -g express     # -g是全局安装的意思
npm install -g express-generator

在这里插入图片描述
输入express --version 检测版本

在这里插入图片描述

注:安装配置环境遇到问题node.js安装express不是内部或外部命令

六、阿里镜像cnpm使用

npm install -g cnpm --registry=https://registry.npm.taobao.org

通过npm安装模块时都是去国外的镜像下载的,有的时候由于网络原因会导致安装模块失败,好在阿里有团队维护国内镜像:http://npm.taobao.org/ 上面有使用说明
其实更推荐大家用yarn,因为更快,安装地址:https://yarnpkg.com/zh-Hans/docs/install

七、安装yarn

npm install -g yarn

常用命令

yarn / yarn install 等同于npm install 批量安装依赖
yarn add xxx 等同于 npm install xxx —save 安装指定包到指定位置
yarn remove xxx 等同于 npm uninstall xxx —save 卸载指定包
yarn add xxx —dev 等同于 npm install xxx —save-dev
yarn upgrade 等同于 npm update 升级全部包
yarn global add xxx 等同于 npm install xxx -g 全局安装指定包

yarm安装教程https://blog.youkuaiyun.com/yw00yw/article/details/81354533

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值