百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

在 WSL 配置 Node.js 开发环境(windows7 node.js配置环境)

ztj100 2025-07-03 20:57 3 浏览 0 评论

安装第三方软件前,建议先把 WSL 的软件升级到最新版本。如果你使用的是 WSL 默认的 Ubuntu 系统,执行如下命令升级软件:

sudo apt update & sudo apt upgrade

Node.js 的版本升级很快,通常一年会发布两个大版本。因此,一般不会直接安装 Node.js,而是先安装 Node.js 版本管理工具,再通过版本管理工具安装 Node.js。

常用的 Node.js 版本管理工具有 nvm、n、Volta 等。我个人目前常用的是 Volta,它的版本锁定功能很方便。

在 WSL 中安装 Volta 的命令如下:

curl https://get.volta.sh | bash

此时,还没有安装 Node.js。如果执行 Node 命令,肯定会报错:

使用 volta install node 命令安装最新的 Node.js LTS 长期支持版本。

执行 node -v ,可以查看目前安装使用的 Node.js 版本。

如果你想安装 Node.js 18,执行如下命令:

volta install node@18

Volta 会安装最新的 Node.js 18,比如 Node.js v18.20.8。

Volta 的版本锁定功能是它的一大特色,下面展示一下如何使用。

比如,你的全局 Node.js 的版本是 v22.15.0,但是某个前端项目依赖的 Node.js 版本是 Node.js v20.19.1。你可以进入到该项目,执行如下命令:

volta install node@20.19.1
volta pin node@20.19.1

上述命令会把该项目的版本锁定为 Node.js v20.19.1。

版本锁定信息会写入到 package.json 的 volta 字段。

添加锁定信息之后,如果你再次进入这个项目目录,Volta 便会自动使用锁定版本的 Node.js。当从该项目目录中退出后,又会自动切换为全局的 Node.js 版本,节省了手动切换版本的烦恼。

除了 Node.js,Volta 还可以管理 npm、yarn、pnpm 等包管理工具。以 pnpm 为例,安装最新版本的命令如下:

volta install pnpm

在 WSL 启动的 Node.js 服务器,可以在 Windows 系统的浏览器直接访问,这个还挺方便。

举个例子,我在 WSL 的系统中写了一个简单的 express 服务器实例,并运行在 3000 端口:

打开 Windows 系统的浏览器,直接访问就能看到响应:

开发 Node.js 服务器应用时,可以使用 nodemon 工具,它会自动监控源码变动,并自动重启服务器。

pnpm add --save-dev nodemon

然后,在 package.json 中增加启动脚本,用 nodemon 替换 node 即可。

{
    "scripts": {
        "dev": "nodemon app.mjs"
    }
}

相关推荐

人生苦短,我要在VSCode里面用Python

轻沉发自浅度寺量子位出品|公众号QbitAI在程序员圈子里,VisualStudioCode(以下简称VSCode)可以说是目前最火的代码编辑器之一了。它是微软出品的一款可扩展的轻量...

亲测可用:Pycharm2019.3专业版永久激活教程

概述随着2020年的到来,又有一批Pycharm的激活码到期了,各位同仁估计也是在到处搜索激活方案,在这里,笔者为大家收录了一个永久激活的方案,亲测可用,欢迎下载尝试:免责声明本项目只做个人学习研究之...

Python新手入门很简单(python教程入门)

我之前学习python走过很多的歧途,自学永远都是瞎猫碰死耗子一样,毫无头绪。后来心里一直都有一个做头条知识分享的梦,希望自己能够帮助曾经类似自己的人,于是我来了,每天更新5篇Python文章,喜欢的...

Pycharm的设置和基本使用(pycharm运行设置)

这篇文章,主要是针对刚开始学习python语言,不怎么会使用pycharm的童鞋们;我来带领大家详细了解下pycharm页面及常用的一些功能,让大家能通过此篇文章能快速的开始编写python代码。一...

依旧是25年最拔尖的PyTorch实用教程!堪比付费级内容!

我真的想知道作者到底咋把PyTorch教程整得这么牛的啊?明明在内容上已经足以成为付费教材了,但作者偏要免费开源给大家学习!...

手把手教你 在Pytorch框架上部署和测试关键点人脸检测项目DBFace

这期教向大家介绍仅仅1.3M的轻量级高精度的关键点人脸检测模型DBFace,并手把手教你如何在自己的电脑端进行部署和测试运行,运行时bug解决。01.前言前段时间DBFace人脸检测库横空出世,...

进入Python的世界02外篇-Pycharm配置Pyqt6

为什么这样配置,要开发带UI的python也只能这样了,安装过程如下:一安装工具打开终端:pipinstallPyQt6PyQt6-tools二打开设置并汉化点击plugin,安装汉化插件,...

vs code如何配置使用Anaconda(vscode调用anaconda库)

上一篇文章中(Anaconda使用完全指南),我们能介绍了Anaconda的安装和使用,以及如何在pycharm中配置Anaconda。本篇,将继续介绍在vscode中配置conda...

pycharm中conda解释器无法配置(pycharm配置anaconda解释器)

之前用的好好的pycharm正常配置解释器突然不能用了?可以显示有这个环境然后确认后可以conda正在配置解释器,但是进度条结束后还是不成功!!试过了pycharm重启,pycharm重装,anaco...

Volta:跨平台开发者的福音,统一前端js工具链从未如此简单!

我们都知道现在已经进入了Rust时代,不仅很多终端常用的工具都被rust重写了,而且现在很多前端工具也开始被Rust接手了,这不,现在就出现了一款JS工具管理工具,有了它,你可以管理多版本的js工具,...

开发者的福音,ElectronEgg: 新一代桌面应用开发框架

今天给大家介绍一个开源项目electron-egg。如果你是一个JS的前端开发人员,以前面对这项任务桌面应用开发在时,可能会感到无从下手,甚至觉得这是一项困难的挑战。ElectronEgg的出现,它能...

超强经得起考验的低代码开发平台Frappe

#挑战30天在头条写日记#开始进行管理软件的开发来讲,如果从头做起不是不可以,但选择一款免费的且经得起时间考验的低代码开发平台是非常有必要的,将大幅提升代码的质量、加快开发的效率、以及提高程序的扩展性...

一文带你搞懂Vue3 底层源码(vue3核心源码解析)

作者:妹红大大转发链接:https://mp.weixin.qq.com/s/D_PRIMAD6i225Pn-a_lzPA前言vue3出来有一段时间了。今天正式开始记录一下梗vue3.0.0-be...

Windows 11 + WSL2 打造轻量级 Linux 本地开发环境实战教程

一、前言...

基于小程序 DSL(微信、支付宝)的,可扩展的多端研发框架

Mor(发音为/mr/,类似more),是饿了么开发的一款基于小程序DSL的,可扩展的多端研发框架,使用小程序原生DSL构建,使用者只需书写一套(微信或支付宝)小程序,就可以通过Mor...

取消回复欢迎 发表评论: