Node安装及配置图文详解

目录

一,Node下载

下载链接

选择适合自己的版本，点击下载，我使用的Windows 安装包 (.msi)

下载之后放在合适的文件夹，双击安装就可以

二，Node安装

继续下一步

 

 

 

 继续点击下一步

 

 点击Finish安装完成

 

 

三，Node环境变量配置

【win+R】键，输入cmd，然后回车，打开cmd窗口。测试Node.js安装是否成功

 输入node -v  如果能看到版本号就代表成功

 node -v   展示代表Node.js安装成功      npm-v  d代表自带的npm安装也是成功的

 到安装目录查看

 因为我们后期还要下载很多插件，而安装后默认下载路径是在【C:\Users\用户名\AppData\Roaming\npm】，这样会占用很多内存空间和缓存，而配置后我希望我下载的所有东西都能到我的安装目录下，如下图，在安装目录下建立两个文件夹，【node_cache】 【node_global】

 创建完两个空文件夹之后，打开cmd命令窗口，输入（里面路径放自己安装实际路径）

npm config set prefix "D:\installed\nodejs\node_global"

npm config set cache  "D:\installed\nodejs\node_cache"

那么接下来设置环境变量，关闭cmd窗口，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

 

进入环境变量对话框，在【系统变量】下新建【NODE_PATH】，输入【D:\installed\nodejs\node_modules】，将【用户变量】下的【Path】修改为【D:\installed\nodejs\node_global】
里面主要路径以自己安装实际路径为主

 配置好之后必须点击确认才能生效。

下载镜像，这里指国内镜像

 后期下载依赖，都是直接访问国外网站，会很慢，我们下载国内淘宝镜像，就可以加快下载速度

cmd命令

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

查看源，可以看到设置过的所有的源 ：

npm config get registry

如上图就是阿里的源

四，下载 Node.js项目

解压一个项目以管理员的身份cmd 

这里我们就以若依前端为例子找到此目录

 

切换至D盘

D:\ruoyidemo\RuoYi-Vue\ruoyi-ui此目录

然后输入 npm install命令

 

输入npm run dev命令运行项目

---

 我在运行npm run dev 这个命令时遇到一个问题     查明是版本问题，可能我的Node.js版本过高，为了不替换node版本找到了一个方法

--------方法如下

在package.json文件下  将原来的

"dev": " vue-cli-service serve",

    "build:prod": "vue-cli-service build",

    "build:stage": "vue-cli-service build --mode staging",

修改为：

"dev": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",

    "build:prod": "vue-cli-service build",

    "build:stage": "vue-cli-service build --mode staging",

就可以

然后浏览器中输入 http://localhost/login   如下图就可以看到首页