webstorm配置wsl2运行node项目

最新推荐文章于 2026-04-07 10:21:57 发布
原创 最新推荐文章于 2026-04-07 10:21:57 发布 · 2.2k 阅读 · 0
本文详细介绍了如何在WebStorm中配置使用WSL2运行Node.js项目，包括开启WSL支持，安装Ubuntu，安装WindowsTerminal，设置Windows访问WSL目录以及配置Node.js环境。

webstorm配置wsl运行node项目

WSL 2 是适用于 Linux 的 Windows 子系统体系结构的一个新版本，它支持适用于 Linux 的 Windows 子系统在 Windows 上运行 ELF64 Linux 二进制文件。 它的主要目标是 提高文件系统性能，以及添加 完全的系统调用兼容性。

在这里插入图片描述

开启WSL支持

在这里插入图片描述

安装Ubuntu

打开MicrosoftStore 搜索Ubuntu安装
在这里插入图片描述

安装WIndowsTerminal

在这里插入图片描述
选择Ubuntu
在这里插入图片描述
接入系统

标签
#网络 #网络协议 #docker
最低0.47元/天 解锁文章
Webstorm使用WSL作为默认的Terminal并配置nodejs.docx
11-22
Webstorm使用WSL作为默认的Terminal并配置nodejs.docx
wslnodejs:脚本，允许在Webstorm中使用WSL环境中的nodejs
05-17
wslnodejs 该工具，允许在WebStorm中使用来自WSL环境的nodejs（可能是任何IntelliJ） 为什么？ 我有一个Grunt设置，可以调用bash脚本，并且可以在WSL中完美运行。 我曾经从单独的控制台调用grunt，但后来在IDE中找到了快捷方式，但该快捷方式不起作用，并想了想，为什么呢？ 解决方案是使WebStorm调用WSL内的节点。 您可以制作一个简单的.bat文件来调用 wsl node 但是WebStorm还将绝对路径作为参数传递。 WSL不理解这些，所以... 它是如何工作的？ 项目的核心-wslnode.js。 该脚本的全部作用-将Windows路径转换为WSL路径，并将这些args传递给WSL内的nodejs。 很容易！ 用法 转到您的WebStorm设置： Ctrl + Alt + S 进入语言和框架-> Node.js和NPM 设置no
WSL2安装（详细过程）
热门推荐
qq_43636384的博客
12-27 3万+
适用于 Linux 的 windows 子系统允许开发人员直接在 Windows 上运行 GNU/Linux 环境 -- 包括大多数命令行工具、实用程序和应用程序，无需修改，而无需传统虚拟机或dualbot设置的开销。
Vite+Vue+TS使用Electron 极限踩坑，Webstorm WSL，Linux下build Electron Windows
qq_44652876的博客
11-29 1469
Vue打包Windows，Vite+Vue+TS使用Electron 极限踩坑，Webstorm WSL，Linux下build Electron Windows 方案
WSL2配置node.js并添加npm至WebStorm创建项目
weixin_42356864的博客
11-21 1916
WSL2配置node.js并添加npm至WebStorm创建项目 前几天摆弄vue，想着把node和git装Linux里，然后和win的WebStorm连链接来跑项目（确实有点折腾）主要还是git装win里也蛮反人类的，正好WSL2的使用体验还不错。 如果你已经安装完了node可直接跳到第四步。 1、首先是去node.js官网下载对应的压缩包 下载 | Node.js [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4QuWvDy6-1605944281613)(C:\User
WSL2：开发环境安装
weixin_43992162的博客
03-10 2003
主要是记录一下如何安装和搭建基于WSL2的开发环境；
IDEA-Webstorm使用WSL作为默认的Terminal并配置nodejs
yiyincanfeng的博客
10-10 3594
首先要安装WSL 关于安装步骤，参考这篇文章 在IDEA或WebStorm中： File -> Settings -> Tools -> Terminal 在Shell path处填： "cmd.exe" /k "wsl.exe" 如图： 设置之后的效果： 关于WSL(假如你安装的是ubuntu)中的nodejs，安装步骤跟正常在ubuntu上的基本上差不多 推荐使用清...
ssh默认打开目录 terminal wsl_IDEA/Webstorm使用WSL作为默认的Terminal并配置nodejs
weixin_39969028的博客
11-22 521
首先要安装WSL关于安装步骤，参考这篇文章在IDEA或WebStorm中：File -> Settings -> Tools -> Terminal在Shell path处填："cmd.exe" /k 如图：设置之后的效果：关于WSL(假如你安装的是ubuntu)中的nodejs，安装步骤跟正常在ubuntu上的基本上差不多推荐使用清华大学的 Nodesource镜像 ,可以装上...
webstorm 在 git 新项目install时 报错
qq_52244845的博客
02-11 1284
如果你看到 “You need to install the latest version of Visual Studio” 的错误，通常是因为你的项目需要 Visual Studio 的构建工具来编译某些依赖项。你可以选择安装 Visual Studio 构建工具，或者尝试使用预编译的依赖项。WebStorm 是一个 IDE，它不能替代 Visual Studio 的构建工具，但可以配置为使用这些工具。
WSL2 完整开发环境配置指南
deary
02-05 1481
本文分享了在Windows 11上通过WSL2和Ubuntu 22.04搭建全栈开发环境的完整方案。文章详细介绍了从WSL2基础配置、Ubuntu系统初始化，到Java、Node.js、Docker等开发工具的安装步骤，并提供了性能优化建议。这套环境能确保本地开发与服务器环境一致，支持Java和Vue3项目开发，且配置可长期使用。最后还给出了IDE配置建议和后续优化方向，帮助开发者构建高效稳定的开发环境。
打造windows系统(WSL)完全开发环境系列（第三篇 WSL与编辑器的结合）
09-10 1575
第三篇 WSL与编辑器的结合 本系列分享在 Windows 10 中打造一个 图形界面与命令行完全结合的开发环境。 接第二篇 开发环境基础系统配置，我们可以进行开发环境的扩展了。 首先肯定是和编辑器结合使用才符合习惯。 本例内容目标： 1WSL 与sublime_text3 编辑器的结合。 2...
java regux_Windows下搭建最接近Linux体验的开发环境——使用WSL(Linux子系统)
weixin_32719533的博客
02-26 344
先说结论我们的最终目的，是为了在Windows上搭建一个十分接近Linux体验的开发环境。让IDE直接运行在Windows系统中，把所有的服务部署在WSL上。这样在配置环境和编译的过程中，使用的都是真正的Linux，所有的命令行都使用Shell，vim、git等功能更是开箱即用，不必再用Dos命令了。而且Windows强大的生态，解除了Linux的后顾之忧。一 需求分析Linux与Windows之...
WebStorm201 安装说明
gailijun的专栏
01-21 376
WebStorm2018是一款专业的HTML编辑工具，是JetBrains2018最细更新的版本，在html5和JavaScript 方面也很出色。可以说是“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”。新版对JavaScript，TypeScript和CSS支持更好，改进了Vue.js的体验，并为Jest集成增加了新功能。 webstorm 20...
2025年WebStorm高效开发实战：从安装到项目部署全流程解析
最新发布
weixin_28717467的博客
04-07 177
本文全面解析2025年WebStorm高效开发实战，从安装到项目部署全流程。详细介绍WebStorm 2025版的核心优势，包括性能优化、智能代码补全和跨语言索引系统。提供跨平台安装指南、现代前端项目初始化配置、高效调试技巧及团队协作部署方案，助力开发者提升工作效率。
如何在webstorm中配置node
qq_38779650的博客
04-12 7561
在右侧面板中，你会看到一个Node interpreter的选项，点击右边的...按钮来选择你的node路径。现在你已经配置好了webstorm的node解释器，你就可以创建和运行一个简单的node应用了。首先，在webstorm中创建一个新的项目（File > New > Project），选择Node.js Express App作为模板，并填写项目名称和位置等信息。要在webstorm中使用node，你首先需要在你的电脑上安装node.js。本文将介绍如何在webstorm中配置node的基本步骤。
【2024】Windows 11 安装WSL2并搭建深度学习环境（Docker，Pytorch）
tao355667
01-15 1万+
Windows 11下，在WSL2上搭建深度学习环境
webStorm如何设置node程序的运行环境
weixin_45874687的博客
07-31 679
@webstorm如何设置环境变量1、webStorm如何设置程序的运行环境如下图所示：
如何使用 WebStorm 编写第一个 Node.js 项目
一起coding，一起嗨。
05-23 1597
如何使用 WebStorm 编写第一个 Node.js 项目
【2024最新】Nodejs + Webstorm安装配置教程
代码改变世界
04-18 4173
【2024最新】Nodejs + Webstorm安装配置教程
【2023最新版】Win11使用nvm-windows版本管理工具安装Node.js（或直接安装）+在Webstorm中使用（本地运行AI 代码翻译器项目）
天地玄黄 魑魅魍魉 风花雪月 商角徵羽
08-03 2650
本文介绍了Windows11直接安装Node.js、使用nvm管理Node.js版本、安装Webstorm以及运行项目的方法，帮助您快速了解和操作相关工具。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值