首页 前端知识 Win7上安装node.js(v18.16.0),并创建vue3项目

Win7上安装node.js(v18.16.0),并创建vue3项目

2024-10-17 11:10:44 前端知识 前端哥 511 707 我要收藏

Win7上安装node.js(v18.16.0),并创建vue3项目

  • 安装node.js
  • 创建vue3项目

安装node.js

各个版本的node.js

1. 下载安装包

不要使用安装版本(msi格式)的node.js。

如果下载msi格式的安装包,在安装时会提示最低要求Win8.1或Server 2012,然后拒绝安装。

所以直接找到需要的版本下载zip格式的安装包就可以了,注意根据你的操作系统是32位还是64位下载对应的包。

下载后,解压到设定的目录,如D:\,那么完整路径可能是 D:\node-v18.16.0-win-x64 ,再将此路径加入到环境变量PATH里。

(计算机-属性-高级系统设置-环境变量-Path)

2. 设置环境变量

如果执行node -v无法正确看到版本信息,就添加一个环境变量。

(变量:NODE_SKIP_PLATFORM_CHECK 值:1)

在这里插入图片描述

创建vue3项目

参考Win10上创建vue3项目

这里创建的项目名称为vue-element-route-token

运行时报错“Error: Cannot find module @rollup/rollup-win32-x64-msvc. npm has a bug related to optional dependencies”。

在这里插入图片描述
1. 用VSCode打开项目,在package.json文件后面添加:

  "overrides": {
    "vite": {
      "rollup": "npm:@rollup/wasm-node"
    }
  }

在这里插入图片描述
2. 删除package-lock.json文件和node_modules文件夹

在这里插入图片描述

3. 重启项目后下载依赖

npm install

4. 运行项目

npm run dev
转载请注明出处或者链接地址:https://www.qianduange.cn//article/19122.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!