如何在不同前端项目中使用不同的node版本

最新推荐文章于 2024-05-25 13:02:59 发布
最新推荐文章于 2024-05-25 13:02:59 发布
阅读量5.5k 收藏 9
点赞数 3
文章标签： webstorm node.js npm 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_54944506/article/details/124448703
版权

说在前面：
1.本文只是简单介绍一下如何在不同的前端项目使用不同的
ode版本，是不使用nvm的，相当于局部安装，如果已经全局安装了node，这两者互不影响

第一步：首先要先下载所需要的node版本

下载地址node各个版本，推荐下载安装包
在这里插入图片描述

第二步：新建一个文件夹专门存放node文件，路径要清晰

这个是分别解压后的
在这里插入图片描述

第三步：编辑webstorm开发工具

修改node路径为想要版本的路径 以及npm 就是第二步中存放node的路径
请添加图片描述

第四步：配置node命令

如果没有全局安装node 的话，是无法在终端上使用命令行的，如果已经全局安装了node，你在终端上输入命令行的话，其实还是在使用全局安装node的版本，所以我们需要在编辑器中进行下一步的配置请添加图片描述
请添加图片描述

无敌喜之郎
关注
  • 3
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
WebStorm：配置Nodejs支持
qq_28120227的博客
09-22 1818
WebStorm配置Nodejs环境 所使用的工具版本信息： WebStorm：2019.2.2 Node.js： v12.10.0 WebStorm是作为JS开发的IDE存在，并且支持流行的Node.js以及JQuery等js框架。Node.js简单说就是一个JS类库并且配备有Google的V8 js引擎来解析和执行js脚本。 WebStorm+Node.js这样一个组合，用来开发基于Node....
前端项目-node-uuid.zip
09-03
本文将详细解析`node-uuid`模块的核心概念、工作原理以及如何在实际项目中使用。 一、UUID概述 UUID，全称是Universally Unique Identifier，即全局唯一标识符。它是一种在分布式系统中生成全局唯一ID的标准方式。...
关于两个项目用的不是同一个node的解决 办法
阿涩的博客
05-30 1761
将上面的.zip 压缩包解压后，会出现nvm-setup.exe，双击安装，并选择自己的安装目录即可。有两次选择安装目录的时候，如下图，第一张图是选择nvm 安装目录，第二张图是选择nodeJs 安装目录（上面咱们已经把nodejs 的相关文件都删了，这次安装新的）所以我们要使用的就是nvm，nvm 可以下载，切换不同版本的node 和npm ，当前项目使用哪个node 版本，我们就可以切换到哪个版本。的优点，在功能上相比于 npm 优化了许多功能等，例如网络性能优化，安装依赖的方式相同等功能。
webstorm新建vue项目相关问题
最新发布
zwrlj527的专栏
05-25 860
1、建项目就这么简单，也就是会遇到这些事而已2、说webstorm不支持微信小程序开发的朋友，安装Uniapp Support试试3、对我难的不是vue的语法，而是画页面、样式，以前出H5还用jQuery的时候，就是烦页面、样式。好了，后端人就唠叨叨这里，希望能帮到大家，uping！
【开发工具】多个Node.js版本之间切换
专注前端开发
04-19 1328
运用nvm工具进行多个Node.js版本之间切换
如何在webstorm中配置node
qq_38779650的博客
04-12 5978
在右侧面板中，你会看到一个Node interpreter的选项，点击右边的...按钮来选择你的node路径。现在你已经配置好了webstorm的node解释器，你就可以创建和运行一个简单的node应用了。首先，在webstorm中创建一个新的项目（File > New > Project），选择Node.js Express App作为模板，并填写项目名称和位置等信息。要在webstorm中使用node，你首先需要在你的电脑上安装node.js。本文将介绍如何在webstorm中配置node的基本步骤。
多个项目使用node的版本不一致时使用nvm管理版本
qq_28013889的博客
02-12 7840
使用nvm管理不同版本的nodel;使用npm安装时遇到的一些问题
多个nodejs下指定nodejs版本运行项目，指定nodejs版本运行项目
海天酱油zz
08-14 6093
前言： 很早之前nodejs就出来了，大家在运行项目的时候都是一个nodejs走天下。服务器上面也是一个nodejs环境。但是大家都应该知道，如果电脑上面已经存在nodejs了那么就不能装第二个了。那么我的项目和别人的项目环境不一样，会不会出问题呢。很负责的说，如果你们两个的环境不一致那么就会出问题。所以我们正确的部署nodejs项目的方式应该和java等项目一样，所有包文件和项目文件要开发的时...
前端项目-node-waves.zip
09-02
【标签】"前端项目"表明这是一个与前端开发相关的代码库，适合前端开发者在构建Web应用时使用，特别是在追求高质量用户体验和遵循Material Design原则的项目中。 总的来说，"前端项目-node-waves.zip"为前端开发者...
前端项目-chrono-node.zip
09-02
4. **示例**："examples"目录可能包含一些演示如何在实际项目中使用chrono的代码片段。 5. **构建脚本和配置**：如"package.json"，定义了项目的依赖、版本信息以及npm命令，如"build"或"test"命令，用于编译源码和...
详解基于node的前端项目编译时内存溢出问题
08-29
在基于 Node 的前端项目中，经常会遇到内存溢出的问题，尤其是在使用 Webpack 进行项目编译时。这个问题的根源是 Node 的 V8 引擎对内存的限制，在 64 位系统下约为 1.4 GB，在 32 位系统下约为 0.7 GB。当我们的...
前端 - node.js 16.12.0
01-25
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，它让开发者能够在服务器端使用 JavaScript，极大地推动了前端开发的进步。版本 16.12.0 是 Node.js 的一个重要更新，包含了多项性能优化和新特性的引入，...
webstorm中node的配置
Freedom的blog
02-01 1391
webstorm中node的配置： 1.配置npm和语法 file==>defaultsettings中配置，搜索 npm 设置成：node core library is enabled （enabled） 2.file==>defaultsettings中配置，搜索 lauguage ==>Javascript==>React JSX(包括es6) 3.webstrom激
为每个项目单独设置node版本
bokix的专栏
05-29 2018
如果你同时开发多个项目，每个项目所需的node版本又不相同，那么你需要为每个项目单独设置node版本。以下详细说明nodenv怎么用。
nodejs：本地安装nvm实现nodejs多版本管理及切换版本
热门推荐
snowball的博客
03-22 1万+
vue3+ts、nuxt3版本，node推荐使用node18。vue2、nuxt2，node 建议使用node16，如果使用18版本，可能会启动不了项目。等等情况，所以我们本地最好能控制node版本，在需要的时候使用合适的版本。
nvm的安装和基本使用（常用命令）
qq_40596257的博客
03-09 1281
nvm的安装和基本使用（常用命令）
切换node版本后，node版本号不变的问题
weixin_42821179的博客
01-09 1992
export NODE_HOME=/usr/local export PATH=NODEHOME/bin:NODE_HOME/bin:NODEH​OME/bin:PATH export NODE_PATH=NODEHOME/lib/nodemodules:NODE_HOME/lib/node_modules:NODEH​OME/lib/nodem​odules:PATH
如何为一个项目指定 node 版本号
weixin_49428989的博客
10-12 1329
指定一个项目所需的 node 最小版本，这属于一个项目的质量工程。如果对于版本不匹配将会报错(yarn)或警告(npm)，那我们需要在 package.json 中的 engines 字段中指定 Node 版本号。
WebStorm智能 JavaScript IDE
q2315702359的博客
04-13 436
WebStorm智能 JavaScript IDE 　　WebStorm 是一个现代 JavaScript 生态系统。它包括智能代码完成、动态错误检测、强大的导航和 JavaScript、TypeScript、样式表语言和所有流行框架的重构。 　　WebStorm 功能 　　智能编码辅助- WebStorm 为您提供 JavaScript 和编译成 JavaScript 语言、Node.js、HTML 和 CSS 的智能编码辅助。享受所有这些语言的代码完成、强大的导航功能、即时错误检测和重构。 　　
node项目前端项目怎么调node后端项目接口
05-24
要调用Node后端项目的接口，前端项目可以使用一些HTTP请求库例如axios、fetch等。这些库可以发送HTTP请求到后端API，并在收到响应后将数据返回给前端。 具体的步骤如下： 1. 在前端项目中安装HTTP请求库，例如axios，可以使用npm命令安装：`npm install axios` 2. 在前端项目中编写代码来调用后端API，例如使用axios发送GET请求： ```javascript import axios from 'axios'; axios.get('/api/users') .then(response => { console.log(response.data); }) .catch(error => { console.log(error); }); ``` 这段代码将会向后端API发送一个GET请求，获取所有用户的数据。需要根据实际情况替换URL和参数。 3. 在后端项目中实现API，例如使用Express框架： ```javascript const express = require('express'); const app = express(); app.get('/api/users', (req, res) => { const users = [ { id: 1, name: 'Alice' }, { id: 2, name: 'Bob' } ]; res.json(users); }); app.listen(3000, () => { console.log('Server started on port 3000'); }); ``` 这段代码定义了一个GET请求处理程序，返回了一个包含两个用户的JSON数组。 4. 运行前端和后端项目，确保在同一台机器上，并且后端项目在运行状态下。然后在前端项目中调用API，即可获取后端数据并在前端进行显示。 以上是一个简单的调用后端API的过程，具体实现还需要根据实际情况进行调整。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值