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

自查

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

where node：查看 node 所在

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

下载安装

• 下载地址
• https://nodejs.cn/download/

• 按需求选择下载

• 一直点击即可完成安装，若是想换安装路径便自行更改
• 打开命令行窗口，依次输入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 目录下的

  

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

  • %NODE_PATH%

  

• 在 dell 的用户变量的 Path 中

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

  

测试

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

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

安装淘宝镜像

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

• 按需安装 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 )

• 下载完成：

  

• 且在项目下会发现多了 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

• 运行成功：