node.js与npm的版本与Vue2和Vue3版本运行，nvm的使用

已于 2024-03-20 15:21:44 修改
阅读量2.5k 收藏 2
点赞数 4
分类专栏： node.js npm nvm 文章标签： node.js npm vue
于 2024-03-20 15:19:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/maliao5/article/details/136813711
版权
node.js 同时被 3 个专栏收录
1 篇文章 0 订阅
订阅专栏
npm
1 篇文章 0 订阅
订阅专栏
nvm
1 篇文章 0 订阅
订阅专栏

Vue2 可以在 Node.js 8.x.x或以上版本中运行

Vue3需要 node 版本需大于等于12.0.0

以下是npm版本和node版本对应关系

地址：Node.js — Previous Releases

下载也是这个地址：Node.js — Previous Releases 点击

选择msi结尾的文件夹

第二种，直接下载nvm

nvm 是一款 nodejs 版本管理工具，通过 nvm 可以简化我们切换 nodejs 版本的操作。

官网地址：http://nvm.uihtm.com

他写了详细教程：nvm安装教程（一篇文章所有问题全搞定，非常详细）-CSDN博客

爱吃玉米的螃蟹
关注
  • 4
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
node 版本管理工具 实现vue2与vue3切换开发
08-18
node 版本管理工具 实现vue2与vue3切换开发
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
10-14
Vue CLI 3 和 2.x 使用相同的命令 `vue`，所以在全局安装 3.x 后，2.x 的版本会被覆盖。如果你需要使用 2.x 的 `vue init` 功能，可以安装一个桥接工具： ```bash npm install -g @vue/cli-init ``` 安装后，你...
1. Windows 10 - Node与Vue - 安装 Vue 2.x 及 3.x 框架 - 项目创建要点
Muxiu
05-13 6432
目录一、vue 简介：二、设置node的全局和缓存路径手动创建node.js的全局和缓存路径目录Windows命令行配置node.js的全局和缓存路径三、安装 Vue 框架提升安装 Vue 框架速度的方法1、设置淘宝镜像手动配置系统环境变量正式安装 Vue 框架1、安装Vue-cli脚手架2、创建 Vue 项目3、访问已测试是否创建运行成功Vue 框架脚手架版本的替换方法1、3.0以下切换至3.0以上2、 3.0以上切换回3.0以下 一、vue 简介： vue的运行是要依赖于node的npm的管理工具来实现
node与npm版本对应表
最新发布
bydaxiao的博客
05-22 4263
node与npm对应关系
npm 版本 8以上 支持vue2的node版本
qq_27487739的博客
12-27 3014
因此，如果你想在 Node.js 上使用 Vue 2.x，你需要确保你的 Node.js 版本为 8 或更高版本。另外，npm 的版本可以通过独立升级 npm 的方式进行更新，因此，在同一 Node.js 版本下，你也可以使用不同的 npm 版本。如果你的 Node.js 版本小于 8，你需要升级你的 Node.js 版本。这些版本的 Node.js 提供了对 npm 8 或更高版本的支持，这意味着你可以使用 npm 的最新功能和特性来安装和管理 Vue 2.x 的相关包和依赖。
Vue2.0 新手完全填坑攻略——从环境搭建到发布
mazegong的博客
01-23 344
本文作者 Jinkey（微信公众号 jinkey-love，官网 https://jinkey.ai） 原文链接 https://jinkey.ai/post/tech/vue2.0-xin-shou-wan-quan-tian-keng-gong-lue-cong-huan-jing-da-jian-dao-fa-bu 文章允许非篡改署名转载，删除或修改本段版权信息转载的，视为侵犯知识产权，
vue3 脚手架vue-cli创建项目过程
DarlingYL的博客
03-23 4902
vue3 脚手架vue-cli搭建项目的过程
Vue-2.Nodejs的介绍和安装
yueerba126的博客
08-10 1615
创建 Node.js 应用:package.json首先，创建一个新文件夹以便于容纳需要的所有文件，并且在此其中创建一个 package.json 文件，描述你应用程序以及需要的依赖：配合着你的 package.json 请运行 npm install。如果你使用的 npm 是版本 5 或者之后的版本，这会自动生成一个 package-lock.json 文件，它将一起被拷贝进入你的 Docker 镜像中。},
【vue3】踩坑日记，vite与node版本对应（mac环境）
weixin_44806635的博客
10-20 7606
vite+vue3抛错问题
Node.js与npm版本比对
热门推荐
程序员日常记录
10-23 1万+
我们在项目开发过程中，经常会遇到公司一些老的前端工程项目，而我们当前的node及npm版本都是相对比较新的了。 在运行以前工程时，会遇到相关环境不匹配的问题，那么 就需要对现有的node及npm版本进行降级，所以就需要找到对应的node与npm版本比对表格。
Vue2学习（一）：Node.js安装以及配置
阿标的博客
02-05 1473
Node.js安装以及配置
利用nvm管理多个版本的node.js与npm详解
01-20
Nvm 管理不同版本的 node 与 npm nvm 是 NodeJS 的多版本管理工具，有点类似管理 Ruby 的 rvm，如果是需要管理 Windows 下的 node，官方推荐是使用 nvmw 或 nvm-windows 。 卸载已安装的全局 node/npm 在官网下载的 ...
vue-element-admin中文版，加上匹配的node版本
09-22
vue-element-admin中文版，加上匹配的node版本 nvm ls //显示所有npm版本 nvm install 16.20.2 //安装新版本node，如果有该版本则可以不安装 nvm use 16.20.2 //设置为当前版本 npm install npm run dev //启动调试
VUE3+TS+elementPlus项目基础搭建学习
Zzexi的博客
02-20 1345
完成以上步骤后，就成功搭建了一个使用 Vue 3, TypeScript 和 Element Plus 的项目，并创建了一个基础示例页面。在Vue项目中，TypeScript可以用于增强代码的类型安全性、提供自动补全和更好的重构工具。在你的项目中安装 Element Plus，这是一个为 Vue 3 设计的 UI 组件库。你可以根据项目的需求修改这个配置，比如调整目标版本、添加类型别名、配置路径别名等。在创建项目的过程中，CLI 会询问你一些问题来定制项目配置。这样，你就可以在Vue组件中通过。
node.js安装配置以及vue3.0脚手架安装
YooYee233的博客
11-10 2599
node.js安装环境配置以及vue-cli脚手架安装
你不知道的node.js小知识——使用nvm管理node版本及node与npm版本对应关系详解
Darren洋的博客
04-26 1619
你不知道的node.js小知识——node与npm版本对应关系以及使用nvm管理node版本
前端开发node.js、vue安装环境【安装node版本管理工具-nvm，耗时一天时间踩坑总结】
在写作的路上持续输出。
09-23 2729
前端node版本管理工具nvm安装与使用【 避坑指南】耗时一天踩坑总结
Vue3进阶使用详解(node.js、Vue3路由基础项目、axios的使用详细(实现数据分页---前后端分离)、axios加载失败)
m0_56245143的博客
04-24 2495
导入axios的代码放置的位置为：原因：一般情况下如果是第一次使用vue3且第一次导入会有一个问题：这样就能够解决axios导入的错误。 安装的过程是全程点击下一步，除了安装时要选择自己的安装路径（选择安装在c/d盘外） node: 进入node.js环境 npm:安装模块 打开cmd终端输入：node -v 测试能否打印node.js的版本号：如下图表示已经安装成功：
vue和nodejs中，怎么给一个账号设置按钮权限，这个代码怎么写
06-09
在Vue和Node.js中，给一个账号设置按钮权限需要以下几个步骤： 1. 在后端(Node.js)中，需要设置用户角色和权限表。用户角色可以是管理员、普通用户等等，而权限表则需要记录每个角色对应的可操作按钮或页面的权限。 2. 在前端(Vue)中，需要根据用户角色和权限表来动态生成页面，只显示用户有权限的按钮或页面。可以使用Vue Router和Vue全局mixin实现。 下面是一个简单的示例代码： 在Node.js中： ```javascript // 用户角色和权限表 const roles = { admin: ['addUser', 'deleteUser', 'editUser'], user: ['editProfile'] }; // 验证用户权限的中间件 const checkPermission = (role, permission) => { return (req, res, next) => { if (roles[role].indexOf(permission) !== -1) { next(); } else { res.status(403).send('Forbidden'); } }; }; // 在路由中使用中间件验证权限 app.post('/addUser', checkPermission('admin', 'addUser'), (req, res) => { // 添加用户的代码 }); ``` 在Vue中： ```javascript // 定义全局mixin Vue.mixin({ methods: { // 根据用户角色和权限表动态生成页面 generatePage() { const role = this.$store.state.user.role; const permissions = this.$store.state.user.permissions; const buttons = this.$options.buttons || []; return buttons.filter(button => { return permissions.indexOf(button.permission) !== -1 || roles[role].indexOf(button.permission) !== -1; }); } } }); // 在组件中定义可操作按钮 export default { buttons: [ { text: '添加用户', permission: 'addUser', handler: () => { // 添加用户的代码 } }, { text: '编辑用户', permission: 'editUser', handler: () => { // 编辑用户的代码 } } ] }; ``` 这样，当用户登录后，前端会根据用户角色和权限表动态生成页面，只显示用户有权限的按钮或页面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值