# Nodejs

使用ServBay管理多个版本的Nodejs非常简单。我们将通过安装Nodejs 22来说明这一点。

# 安装 Nodejs 22

点击左侧边栏中的服务,您可以看到ServBay提供的多个Nodejs版本。

安装 Nodejs 22

找到位于 Nodejs 22 的行,点击右侧的绿色下载按钮,Nodejs 22 将在短短几秒钟内被下载并安装。

# 安装 yarn 和 pnpm

在安装了Nodejs 22之后,让我们来检查一下:

Nodejs 22版本

从终端输出,我们可以看到Nodejs 22已经被安装。

那么,让我们通过corepack安装yarn和pnpm:

$ corepack enable yarn
$ yarn -v
1.22.22
$ corepack enable pnpm
$ pnpm -v
9.1.0
1
2
3
4
5
6

我们可以看到yarn和pnpm已经被安装了。

# Vue 3 示例

在安装了Nodejs和yarn/pnpm之后,你可以开始进行前端开发。接下来,我们将以Vue 3为例。

# Vue 3 脚手架

首先,让我们运行 Vue 3 脚手架来生成一个 Vue 3 项目。

Vue 3 脚手架

# 通过 yarn 安装依赖项

然后进入项目目录:

$ cd hello
1

执行 yarn 来安装依赖包:

Yarn安装依赖

# 开启开发服务器

然后执行 yarn dev 来启动本地开发服务器:

$ yarn dev
1

在服务器成功启动后,将显示以下信息:

Yarn Dev信息

此时,在您的浏览器中访问http://localhost:5173,您将会看到由Vue 3生成的默认首页:

Vue 3 默认主页

# 编辑源代码

让我们尝试将 "You did it!" 改为 "Hello, World!",看看会发生什么:

Vue 3 Hello World 源代码

在修改代码后,Vue 3会自动刷新页面,因此我们可以看到修改后的网站首页:

Vue 3 你好世界页面

现在,您已准备好使用nodejs进行前端开发。

Last Updated: 5/12/2024