win10下基于wsl的node开发环境搭建

最新推荐文章于 2025-04-23 14:59:49 发布
最新推荐文章于 2025-04-23 14:59:49 发布
阅读量3.6k 收藏 2
点赞数
分类专栏： web 文章标签： react typescript 环境搭建
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44176432/article/details/94346906
版权
本文介绍了如何在Windows 10的WSL环境下，通过nvm安装和管理Node.js版本，并详细阐述了如何搭建一个基于TypeScript的React开发环境，包括创建项目、安装依赖及运行程序的步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

win10下基于wsl的node开发环境搭建


为了解决windows安装依赖出现错误，可以使用wsl，在wsl环境中安装环境，并创建react项目。

wsl

Windows Subsystem for Linux（简称WSL）是一个在Windows 10上能够运行原生Linux二进制可执行文件（ELF格式）的兼容层。

使用工具版本

win10
在这里插入图片描述

安装nvm （node版本控制工具）

1.在终端执行以下命令，将自动进行nvm的安装。

wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash

2.安装完成后关掉当前终端，打开一个新的终端查看是否安装成功。

nvm --version

安装node

1.查看所有可供安装的node版本：

nvm ls-remote

2.选择自己想要的版本进行安装：

nvm install v8.16.0

3.查看本地已安装的node：

nvm ls

搭建react环境<

最低0.47元/天 解锁文章
基于Windows和WSL 2的Visual Studio Code (VS Code) 安装及搭建 C/C++ 编译环境完整详细步骤
rothschild666的博客
01-28 1968
基于Windows和WSL 2的Visual Studio Code (VS Code) 安装及搭建 C/C++ 编译环境完整详细步骤
WSL 安装CentOS + NodeJS 操作指南
老司机的后备箱
01-29 875
整理了一套《前端大厂面试宝典》，包含了HTML、CSS、JavaScript、HTTP、TCP协议、浏览器、VUE、React、数据结构和算法，一共201道面试题，并对每个问题作出了回答和解析。
WIN端VS CODE 调用WSL内部的node运行文件
09-12
WIN端VS CODE 调用WSL内部的node运行文件 可用于VS CODE插件的node配置。 使用方法: 将此 .bat 文件放入 C:\wsl-tools\ 或其他文件夹，并将其加入系统PATH。 NODE: 请确保WIN10 存在 C:\Windows\System32\wsl.exe， 以及WSL 正确安装node并设置path。
WSL安装nodejs
u013037336的博客
11-23 870
wls安装nodejs查看Ubuntu版本安装查看当前安装版本修改npm源，提高下载速度升级npm为最新版安装用于管理node的模块n使用n模块来安装node版本安装淘宝镜像安装yarn 查看Ubuntu版本 cat /etc/issue 安装 sudo apt install nodejs -y sudo apt install npm -y 查看当前安装版本 sudo node -v sudo npm -v 修改npm源，提高下载速度 sudo npm config set registry https
在WSL中安装nodejs
stay hungry ! stay foolish!
02-18 1310
下载 找到nodejs官网上编译后的linux下载安装包的链接(此处不选择源码下载，懒于编译)。 下载安装包： wget https://nodejs.org/dist/v10.15.1/node-v10.15.1-linux-x64.tar.xz 解压安装包： tar xvf node-v10.15.1-linux-x64.tar.xz 我这边解压后的目录是/usr/local/node-v10.15.1-linux-x64 配置环境变量 将nodejs加入环境变量中 修改配置全
Ubuntu（WSL）中Node.js环境安装
GIS Studio
02-18 7478
1 Node.js环境1.1 NVM安装1.1.1 NVM的Github安装方法1.1.2 NVM的Gitee（码云）安装1.1.2.1 NVM源代码下载1.1.2.2 nvm安装1.2 NVM国内源设置1.3 Node.js安装1.4 查看当前使用的Node和NPM版本2 设置npm国内源3 npmmirror 中国镜像站 1 Node.js环境 Node.js环境安装可以采用nvm版本管理器安装，利于多个Node版本的使用。 1.1 NVM安装 1.1.1 NVM的Github安装方法 nvm的git.
WSL安装nodejs和npm环境
weixin_44312349的博客
03-13 2663
WSL安装nodejs记录
Win10开发神器：Chocolatey与WSL2，轻松搭建全能环境
本文主要探讨如何在Windows 10平台上打造一个高效、便捷的终极开发环境，以便于程序员避免在Windows环境中遇到的繁琐问题，尤其是与Linux开发环境相比时。文章着重介绍了两个关键工具： 1. **Chocolatey Package ...
Windows11+WSL2开发环境一站式配置（systemd/wsl镜像网络/zsh/fnm）教程
最新发布
大黄豆科技的博客
04-23 1462
迫于硬盘坏了要重装环境，详细流程介绍Windows11+wsl2的开发环境搭建。
搭建开发环境-WSL+Ubuntu（一键搭建开发环境）
喵十八的修行记录
08-21 2016
一键搭建开发环境
wsl开发环境搭建安装node环境
m0_52248420的博客
05-12 1933
首先需要打开“控制面板” -> “程序” -> “启用或关闭Windows功能”选项卡，勾选“适用于Linux的Windows子系统”并保存。初始化完成后，就可以使用WSL来运行Linux命令和应用了。可在windows terminal中点击这个选项切换到unbuntu初次使用可能会设置账号密码，按照指示设置就行。
WIN端VS CODE 调用WSL内部的npm运行文件
09-12
WIN端VS CODE 调用WSL内部的npm运行文件 可用于VS CODE插件的npm配置。 使用方法: 将此 .bat 文件放入 C:\wsl-tools\ 或其他文件夹，并将其加入系统PATH。 NODE: 请确保WIN10 存在 C:\Windows\System32\wsl.exe， 以及WSL 正确安装npm并设置path。
WSL的ubuntu中如何安装node.js
weixin_43425561的博客
03-19 607
在 WSL 的 Ubuntu 中安装 Node.js，可以使用 NodeSource 的 Node.js 二进制分发源。
在WSL上安装nvm、node和npm
playerofIE的博客
04-10 1490
成功安装会返回“nvm”，如果收到“找不到命令”或根本没有响应，将其重新打开，然后重试。打开 Ubuntu 命令行（或所选的发行版）。安装了node，npm也就有了。安装node（推荐安装稳定版）
win10 wsl2安装nodejs：解决bad interpreter: No such file or directory和npm: cannot execute binary file报错
学亮编程手记
05-18 897
报错解决：bad interpreter: No such file or directory 如果win环境也同时安装了nodejs，需要将win环境中的nodejs相关路径排除在$PATH之外： export PATH=$(echo "$PATH" | sed -e 's/:\/d\/Develop\/node-v14.17.6-win[^:]*//g') export NODE_HOME=/d/Develop/node-v14.17.6-linux-x64 export PATH=$PATH:$NOD
如何在 Windows 上安装 Node.js
jianqimingtian的博客
01-02 2926
对于设置Node.js并在全栈开发中使用它的完整指南，使用React和Node JS进行全栈开发课程涵盖了从安装到创建您的第一个全栈应用的所有内容。本指南将引导您了解适用于 Windows 7、8、10 和 11 的官方网站、NVM、Windows 子系统和包管理器。安装 Node.js，这些方法都将确保您拥有功能齐全的 Node.js 环境。按照安装向导中的提示操作，接受许可协议，并使用默认设置进行安装。管理您的软件包，您可以简化开发流程并有效地维护您的项目。来管理 Node.js 的多个版本。
在wsl中使用node和wsl与window环境冲突问题 使用 Ubuntu 系列（6️⃣）
Jioho的博客
02-26 4238
window Terminal/wsl 真香 自从换上了window Terminal。总算找到一些命令行的感觉。比如终于装上了 oh-my-zsh 。用上了 zsh 各种方便的插件。可是对于全局的环境来说 wsl 还是差了那么一点味道，node 之类的在 window 下安装了在 wsl 中不通用！今天我们来把 wsl 的 node 环境也装上 没装之前 查看 node 版本和 npm 版本...
Windows 安装 nodejs 和 npm(1)，高级前端开发工程师
2401_84097798的博客
04-04 880
今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。所以看完之后，还是多多行动起来吧！可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。
【2024最新】Windows系统上NodeJS安装及环境配置图文教程
热门推荐
2301_76884890的博客
08-17 1万+
使用默认配置，点击Next进入下一步。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值