webstorm中配置nodejs环境及npm

本文介绍Node.js在Windows平台上的安装步骤及环境配置方法,并详细指导如何在WebStorm中进行Node.js的配置,包括字体设置、环境变量检查、源码添加等,确保开发环境的顺利搭建。

————————————————————————————————————————————————————————
——nodejs安装及环境配置
1.nodejs官网,下载windows平台nodejs环境安装包(.msi格式),安装
2.测试安装是否成功:
cmd操作,进入node安装根目录下:
node -v ; npm -v 查看版本号
这里写图片描述

3.配置全局
在node的安装的根目录,也就是nodejs文件夹下新建两个名字为node_cache、node_global文件夹
这里写图片描述
设置环境变量:变量名:NODE_PATH
值:D:\Program Files\nodejs\node_global\node_modules
注意:因为我是把nodejs安装在D:\Program Files\目录下,所以环境变量就这样设置的
这里写图片描述
检查node环境是否配置成功:
cmd进入任何目录下,验证node和npm版本号
这里写图片描述

—— webStorm中的nodejs配置
1.安装webstorm, 设置字体。
file-》setting-》editor-》color&font
主题字体什么的都可以在这里设置。
2.安装nodejs一直下一步就可以。
环境变量估计是自动的保险起见,可以去查看一下path
看一下是否加入了。
这里写图片描述
在run-》editor configurations-》找到nodejs安装包
在nodejs官网download下载源码,然后
file-》settings-》Language&framework-》JavaScript-》libraries 添加源码
这里写图片描述
有时候还要勾选node.js global
就完成自动提示了
在file-》settings输入enc 弹出encoding格式设置为utf-8即可

WebStorm配置Node.js环境时,如果希望使用NVM(Node Version Manager)来管理不同版本的Node.js,可以通过以下步骤进行设置: ### 配置NVM与Node.js环境 1. **安装NVM** 如果尚未安装`nvm-windows`,可以从其GitHub仓库下载并按照说明进行安装。确保将`nvm`命令添加到系统的环境变量中,以便在任何终端中都能调用[^1]。 2. **安装多个Node.js版本** 使用`nvm install`命令安装多个版本的Node.js。例如: ```bash nvm install 14.17.0 nvm install 16.13.0 ``` 安装完成后,可以使用`nvm list`查看已安装的所有Node.js版本。 3. **切换Node.js版本** 在命令行中使用`nvm use <version>`命令切换当前使用的Node.js版本。例如: ```bash nvm use 14.17.0 ``` 4. **在WebStorm配置Node.js解释器** 打开WebStorm,进入 `Settings`(或 `Preferences`),选择 `Languages & Frameworks` > `Node.js and NPM`。在此界面中,点击右侧的 `...` 按钮,浏览系统文件以找到当前通过NVM激活的Node.js可执行文件路径(通常位于`C:\Users\<用户名>\AppData\Roaming\nvm\v<版本号>`目录下)。选择对应的`node.exe`文件后,WebStorm会自动检测该版本的信息并完成配置。 5. **验证配置** 配置完成后,可以在WebStorm的终端中运行`node -v`和`npm -v`命令,确认当前使用的Node.js和NPM版本是否正确。 ### 示例代码块:检查Node.js版本 ```bash node -v npm -v ``` ### 相关问题 - 如何在Windows上安装和配置nvm-windows? - WebStorm如何支持多个Node.js项目的版本独立管理? - 如何在WebStorm配置不同的Node.js运行和调试环境? - Node.js版本管理工具nvm的基本使用方法是什么? - 如何确保WebStorm中使用的Node.js版本与命令行中的版本一致?
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值