首页IT科技window10安装nodejs和npm(windows10下安装和配置nodejs环境)

window10安装nodejs和npm(windows10下安装和配置nodejs环境)

时间2025-08-03 04:34:03分类IT科技浏览4577
导读:一、下载安装node.js 官方下载地址:下载最新LTS windows版本: 16.15.0 (includes npm 8.5.5 Node.js ,如下图...

一            、下载安装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

路径的配置命令

执行如下 

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权限​

 具体处理方式请查阅

解决: Error: EPERM: operation not permitted, mkdir ‘C:\Program Files\nodejs\node_cache\_cacache‘_爱编码阿信的博客-CSDN博客

三      、全局配置淘宝镜像

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/ 

出现登陆界面

到此整个安装                    、配置            、运行全部完成                   ,感谢大家的阅读!

声明:本站所有文章                ,如无特殊说明或标注,均为本站原创发布            。任何个人或组织                ,在未征得本站同意时                   ,禁止复制   、盗用                    、采集                、发布本站内容到任何网站、书籍等各类媒体平台                    。如若本站内容侵犯了原著者的合法权益    ,可联系我们进行处理      。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
python中字符串处理方法(05python字符串) 教你如何提高网站推广效果(掌握以下技巧,让你的网站更具吸引力)