526互联

nodejs（ 自查 + 下载 + 配置变量 + 安装 + 运行 ）

发布时间 2023-10-20 14:21:51作者: 朱呀朱~

node.js 下载，安装依赖使项目运行

自查

nodejs 下载自查：( npm 一般随 node 携带 )

image-20230626090958291

where node：查看 node 所在

npm install -g @vue/cli：下载 npm

下载安装

image-20230707151149917

  • 按需求选择下载

image-20230707163221958

  • 一直点击即可完成安装，若是想换安装路径便自行更改
  • 打开命令行窗口，依次输入node -v与npm -v显示版本信息则安装成功！

配置环境变量

  • 打开发现 Path 中已经添加了 nodejs 的环境变量 —— 安装目录 ( 没有就新建、浏览选中完成添加 )

    • 如：D:\nodejs\

  • 在安装目录下新建两个文件夹：node_global 和 node_cache

    • 打开 cmd 命令窗口依次输入：
    • npm config set prefix "D:\nodejs\node_global"
    • npm config set cache "D:\nodejs\node_cache"

  • 打开设置环境变量，在系统变量中新建

    • 变量名：NODE_PATH
    • 变量值：D:\nodejs\node_global\node_modules
    • 如果输入变量值之后没有自动创建【node_modules】文件夹，就在【node_global】下手动创建一个【node_modules】文件夹，再复制你创建的【node_modules】文件夹的路径地址到变量值
    • 记住是 global 目录下的

    image-20230708190926839

  • 再于系统变量中的 Path 添加

    • %NODE_PATH%

    image-20230708191355852

  • 在 dell 的用户变量的 Path 中

    • 更改原本默认的 ......AppData\Roaming\npm
    • 为 D:\nodejs\node_global

    image-20230708191508915

测试

  • 安装个 module 测试，如：express 模块
  • 打开 cmd 输入 npm install express -g
  • 显示成功

image-20230707164433493

  • 若不成功，就用管理员身份打开输入命令，或者更改权限

image-20230708191839833

安装淘宝镜像

  • 打开命令 npm config set registry https://registry.npm.taobao.org 安装淘宝镜像
  • 输入命令 npm config get registry 查看是否成功

image-20230708202351069

  • 按需安装 cnpm：输入 npm install -g cnpm --registry=https://registry.npmmirror.com
    • npm 是 node 官方的包管理器；cnpm 是个中国版的 npm，是淘宝定制的 cnpm 命令行工具代替默认的 npm
  • 输入命令 cnpm -v 查看是否安装成功

npm install

  • 进入项目安装依赖

  • 例：VSCode 打开项目后，打开终端，在项目路径下输入指令 npm install

  • 但下载效率不高且容易出现问题，所以建议使用淘宝镜像下载，即输入指令npm install --registry=https://registry.npm.taobao.org

    • 若是报错类似：The operation was rejected by your operating system. npm ERR! It's possible that the file was already in use (by a text editor or antivirus), 可能是用户权限的问题
    • F1：用管理员权限打开命令行，再执行 npm... 的命令
    • F2：删除本机电脑用户目录下的 .npmrc 文件 ( C:\Users\登录用户名.npmrc )

  • 下载完成：

    image-20230708161507950

  • 且在项目下会发现多了 node_modules 目录，该目录下即为项目所需依赖

  • 启动前端项目并验证，在命令行下执行 npm run dev，

  • # 进入项目目录
cd xiangmu

# 本地开发 启动项目
npm run dev
    • 若是报错：Error: error:0308010C:digital envelope routines::unsupported 即为 Node.js 的版本太高
    • F1 ( 永久解决 — 有用但不咋理解，节点选项开放SSL旧版本提供？ )：VSCode ( 等开发工具 ) 的项目终端输入 $env:NODE_OPTIONS="--openssl-legacy-provider" 再 npm run dev 启动即可
    • F2 ( 环境临时变量解决 — 注意要管理员身份运行命令行输入 )：
      • windows 环境 ( 不是在开发工具的终端输入 ) 命令行输入 set NODE_OPTIONS=--openssl-legacy-provider 后再重启项目
      • Linux 或者 Mac OS 环境 ( 不是在开发工具的终端输入 ) 命令行输入 export NODE_OPTIONS=--openssl-legacy-provider 后再重启项目即可
    • F3：卸载高版本，安装低版本的 Node.js

  • 运行成功：

    image-20230708165226409