windows10下安装和配置nodejs环境
| 阿里云国内75折 回扣 微信号：monov8 |
| 阿里云国际，腾讯云国际，低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号：monov8 飞机：@monov6 |
一、下载安装node.js
- 官方下载地址:下载最新LTS windows版本: 16.15.0 (includes npm 8.5.5) Node.js ,如下图
-
安装可以更改安装路径(我的是默认地址
C:\Program Files\) -
其余的都是选择 下一步, 安装
测试是否安装 成功
打开开始菜单中输入cmd打开cmd命令窗口分别输入如下命令
node -v 查看node的版本
npm -v 查看npm的版本(新版的node安装自带安装npm)
二、配置环境变量
配置全局安装的模块路径和缓存路径不一定是安装路径
本文是在安装目录的nodejs文件夹下,创建 node_global
本文是在安装目录的nodejs文件夹下,创建 node_cache
路径的配置命令
npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"执行如下
2.1配置环境变量
进入 “我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”
选择 系统变量 创建 NODE_PATH 变量
变量名NODE_PATH
变量值C:\Program Files\nodejs\node_modules(安装的路径node_modules 文件夹 安装后就会有的)
-
在 系统变量 中 选择 Path 添加如下属性
-
把前半部分的nodejs路径换成自己的nodejs的路径
2.2测试安装
全局安装最常用的 express模块 进行测试
npm install express -g 注意执行上面命令如果出现以下错误信息则需要设置安装目录nodejs权限
具体处理方式请查阅
三、全局配置淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org四、全局安装webpack
npm install webpack -g
执行命令后如果出现上图提示 则按提示要求升级npm版本执行如下命令
npm install -g npm@8.9.0
到此环境配置完成
五、项目安装运行测试
5.1、在项目目录下打开命令行窗口执行如下命令
npm install然后检查项目目录下是否有node_modules目录如果有则项目依赖环境安装完成
5.2、执行运行命令
npm run dev出现如下日志表示启动完成
访问提示的地址http://localhost:9527/
出现登陆界面
到此整个安装、配置、运行全部完成感谢大家的阅读