【前端】Mac安装node14教程

在现代前端开发中，Node.js 是一个不可或缺的工具，它提供了很多强大的功能，如包管理、构建工具以及服务器开发等。本文将为您提供一个详细的 Node.js 14 在 Mac 上的安装教程。

一、安装准备

在安装 Node.js 之前，请确保您的 MacOS 是一个比较新版本，并且已经安装了 Homebrew，这是一个方便的包管理工具。您可以通过打开终端并输入以下命令来检查是否已安装 Homebrew：

brew --version

如果您没有安装 Homebrew，可以通过以下命令进行安装：

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

按照屏幕上的指示完成安装。

二、安装 Node.js

1. 安装 Node Version Manager (NVM)

首先，建议使用 NVM（Node Version Manager）来管理 Node.js 的版本。这样可以方便地安装和切换不同的 Node.js 版本。执行以下命令来安装 NVM：

bash curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

安装完成后，请您重启终端，或运行以下命令使 NVM 生效：

bash export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

您可以在终端中输入以下命令来确认 NVM 是否安装成功：

bash nvm --version

1. 使用 NVM 安装 Node.js 14

现在，您可以使用 NVM 安装 Node.js 14 版本。输入以下命令：

bash nvm install 14

安装完成后，您可以通过以下命令来设置 Node.js 14 为默认版本：

bash nvm use 14 nvm alias default 14

接下来，您可以确认 Node.js 和 npm（Node.js 的包管理工具）的版本：

bash node -v npm -v

如果您看到类似 v14.x.x 的输出，说明 Node.js 已经成功安装。

三、安装常用的 npm 包

一旦 Node.js 和 npm 安装成功，您可以开始安装一些常用的 npm 包。例如，我们可以安装 express，一个流行的 web 框架。使用以下命令安装：

npm install express

您也可以全局安装一些开发工具，比如 nodemon，一个用于提高开发效率的工具：

npm install -g nodemon

四、创建一个简单的 Node.js 应用

最后，让我们用 Node.js 创建一个简单的应用。您可以在终端中执行以下步骤：

1. 创建一个新目录并进入：

bash mkdir myapp cd myapp

1. 初始化一个新的 npm 项目：

bash npm init -y

1. 创建一个 app.js 文件，并添加如下代码：

```javascript const express = require('express'); const app = express(); const PORT = process.env.PORT || 3000;

app.get('/', (req, res) => { res.send('Hello, World!'); });

app.listen(PORT, () => { console.log(Server is running on http://localhost:${PORT}); }); ```

1. 运行应用：

bash node app.js

打开浏览器，访问 http://localhost:3000，您应该可以看到 "Hello, World!" 的输出。

结语

通过上述步骤，您已经在 Mac 上成功安装了 Node.js 14，并创建了一个简单的 Node.js 应用。Node.js 的强大使得前端开发更加高效，希望您能在学习和使用中获得乐趣！