node.js下载安装环境配置以及快速使用

一、下载

Node.js 中文网

想选择其他版本或者其他系统使用对应到下面选择就好, 下载好的安装包:

二、安装

双击安装包

关于安装路径各有优略,自行决断:

默认nodejs依赖模块安装在C盘,随着开发工作的开展,依赖的nodejs模块越来越多,会导致C盘空间不足,所以通常笔者是建议将nodejs依赖模块安装在其他盘目录下以节省C盘空间。

不选择,直接单击next安装

三、测试安装是否成功

按下【win+R】键,输入cmd,打开cmd窗口

输入:node -v // 显示node.js版本

npm -v // 显示npm版本

成功显示版本说明安装成功

四、配置环境

推荐一个国内的chatgpt------文心一言

安装完nodejs为什么要环境配置?

环境配置的目的主要是为了改变安装NodeJS依赖的下载位置,方便日后管理

(1)找到安装的目录,在安装目录下新建两个文件夹【node_global】和【node_cache】

新建文件夹时会跳出这个,继续即可。

(2)创建完毕后,使用管理员身份打开cmd命令窗口

注意一定要以管理员运行,否在后面配置的就会出问题了,本人入坑,安装了两次。因此下面路径可能不一样,有需要自行理解。

npm config set prefix "E:\nodejs\node_global"
npm config set cache "E:\nodejs\node_cache"

(3)配置环境变量

①【此电脑】-单击右键-【属性】-【高级系统设置】-【环境变量】

② 在【系统变量】中点击【新建】

在刚刚创建的【node_global】下如果没出来一个【node_modules】文件夹,就手动创建一个【node_modules】文件夹,再复制你创建的【node_modules】文件夹的路径地址到变量值

③编辑【用户变量】中的【Path】

④将默认的 C 盘下【 AppData\Roaming\npm 】修改成 【node_global】的路径,点击确定。

⑤在【系统变量】中选择【Path】点击【编辑】添加【NODE_PATH】,随后一直点击【确定】

五、测试配置环境是否成功

配置完成后,win+r 输入cmd,然后全局安装一个最常用的 express 模块进行测试,-g代表全局安装

npm install express -g

如果出现如下,创建失败!!!

方法:

修改一下【nodejs】和【node_global】等的权限,我是从nodejs文件权限的修改。

步骤: 鼠标右击【node_global】的文件夹,点击【属性】,再点击【安全】,再点击【编辑】,将权限都勾上,随即点击【确定】即可

所以根据提示,就是权限的问题,分析原因是我自己安装在了【Program Files】文件夹下,所以从上面创建文件夹开始就出现需要管理员权限才可以,如果你换个路径应该不会有类似问题的。

出现如下就是成功了

六、安装淘宝镜像

npm config set registry https://registry.npm.taobao.org

查看是否成功

npm config get registry

安装cnpm

npm install -g cnpm --registry=https://registry.npmmirror.com

查看是否安装成功

cnpm -v

出现如下内容,恭喜你,成功了。

七、快速上手

【小白项目】半小时搞定Ant Design for Vue项目,小白装逼专用_哔哩哔哩_bilibili

1、建立一个自己的工作目录

方法1:使用的时候要在cmd中更改路径,把默认的c路径改成你建立的工作目录

方法2:推荐

直接到你的文件夹下,点击路径,输入cmd,直接就进去了。

2、下载工作代码

下载代码资源网址

ant-design-pro-vue: 基于 Ant Design of Vue 实现的 Ant Design Pro (Github 镜像库,有问题请前往 Github 反馈!!)

在cmd中输入,注意前面的路径。

git clone https://gitee.com/sendya/ant-design-pro-vue.git


下载完,你那个工作文件夹下就有这些内容了

到此,整个项目的全部有了,用vs打开,或者其他的命令。

查看项目的内容:

Node.js安装,npm安装yarn步骤_node 安装yarn-CSDN博客

相关推荐
Dumbness1 小时前
一个手机号验证码登录接口的五个坑:无限发码、无限试码,传个数字就让 Express 进程退出
node.js·express
怒放的生命19912 小时前
本地用 pnpm 省磁盘,团队继续用 npm:极简实践
前端·npm·node.js
Hone1 天前
我把「自动发文章到掘金」做成了一个 Agent 技能:juejin-skills
node.js·ai编程·前端工程化
Dumbness1 天前
二十行手写的 SKILL.md 头部解析,遇到 YAML 的折叠写法、单引号和嵌套键就读错:和 js-yaml 逐条对照
node.js·ai编程
只睡四小时2 天前
MCP 弃用 SSE?Node 分帧漏 81.7% 事件
node.js·webassembly·实时通信·mcp·streamable http
hey you~2 天前
个体户门店办理400电话,如何对接订单系统实现来电弹窗
node.js·webhook·400电话·门店数字化·来电弹窗·订单系统对接
YIAN3 天前
RAG 学到最后,我真正学会的不是“检索”,而是让系统知道自己缺什么
langchain·node.js·llm
用户11977079480733 天前
GitHub 电商开源项目分享:用 sharp 批量出饰品主图,试了裁剪、细节图和色彩配置文件三个坑
前端·node.js
donecoding3 天前
pnpm 配好了,为什么执行的还是另一份?命令入口与运行时排查
node.js·前端工程化
江屿风3 天前
【Plain Language Large Model】【从浏览器到全栈:一课精通Node.js三剑客】流食般投喂
笔记·前端框架·npm·node.js·js·npx