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博客

相关推荐
一个很帅的帅哥10 小时前
实现浏览器的下拉加载功能(类似知乎)
开发语言·javascript·mysql·mongodb·node.js·vue·express
Bang邦13 小时前
使用nvm管理Node.js多版本
前端·node.js·node多版本管理
新知图书14 小时前
Node.js快速入门
node.js
FakeOccupational15 小时前
nodejs 007:错误npm error Error: EPERM: operation not permitted, symlink
前端·npm·node.js
亦舒.15 小时前
JSDelivr & NPM CDN 国内加速节点
前端·npm·node.js
代码搬运媛15 小时前
code eintegrity npm err sha512
前端·npm·node.js
猿来如此呀19 小时前
运行npm install 时,卡在sill idealTree buildDeps没有反应
前端·npm·node.js
八了个戒1 天前
Koa (下一代web框架) 【Node.js进阶】
前端·node.js
谢尔登1 天前
【Node.js】RabbitMQ 不同交换器类型的使用
node.js·rabbitmq·ruby
weixin_441018351 天前
webpack的热更新原理
前端·webpack·node.js