Node.js安装教程及在VS Code中的配置(超详细)
Node.js 是一个基于事件驱动的非阻塞I/O模型的JavaScript运行时,旨在构建可扩展的网络应用程序。在这篇文章中,我们将详细介绍如何在不同操作系统上安装Node.js,并在Visual Studio Code(VS Code)中进行配置。
一、Node.js的安装
1. Windows系统下的安装
- 下载Node.js
- 访问Node.js官方网站 nodejs.org。
-
根据需要选择LTS(长期支持)版本或当前版本(Current)。建议初学者选择LTS版本。
-
安装Node.js
- 下载完成后,双击运行安装包。
-
在安装向导中,一直点击“下一步”(Next),直到完成安装。确保勾选“Automatically install the necessary tools”以安装相关的开发工具。
-
验证安装
- 打开命令提示符(cmd),输入以下命令来检查Node.js和npm(Node Package Manager)的版本:
bash node -v npm -v
2. macOS系统下的安装
- 使用Homebrew安装Node.js
- 首先,请确保已安装Homebrew。打开终端,输入以下命令:
bash /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
-
安装完成后,运行以下命令安装Node.js:
bash brew install node
-
验证安装
- 输入以下命令:
bash node -v npm -v
3. Linux系统下的安装
- 使用包管理器安装Node.js
-
对于Debian和Ubuntu系统,运行以下命令:
bash sudo apt update sudo apt install nodejs npm
-
对于CentOS,运行以下命令:
bash sudo yum install nodejs npm
-
验证安装
- 输入以下命令:
bash node -v npm -v
二、在VS Code中配置Node.js
1. 安装VS Code
- 下载VS Code
- 访问 Visual Studio Code官方网站。
- 下载适合你操作系统的版本并进行安装。
2. 安装Node.js扩展
- 打开VS Code,点击左侧的扩展市场(Extensions)图标,搜索“Node.js”或“JavaScript (ES6) code snippets”扩展。
- 点击安装按钮。
3. 配置VS Code
- 创建新的Node.js项目
- 在VS Code中,打开一个新的文件夹(File -> Open Folder)。
- 在终端中初始化一个新的Node项目,输入以下命令:
bash npm init -y
-
这将会生成一个
package.json
文件。 -
编写简单的Node.js程序
-
创建一个新的JavaScript文件(例如:
app.js
),并写入以下代码: ```javascript const http = require('http');const hostname = '127.0.0.1'; const port = 3000;
const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello World\n'); });
server.listen(port, hostname, () => { console.log(
Server running at http://${hostname}:${port}/
); }); ``` -
运行Node.js程序
- 在VS Code的终端中,输入以下命令运行程序:
bash node app.js
- 打开浏览器,访问
http://127.0.0.1:3000/
,你将看到“Hello World”的信息。
4. 调试Node.js程序
- 在VS Code的左侧栏选择调试图标(Debug),点击创建一个新的调试配置。
- 选择
Node.js
作为环境,VS Code会生成一个launch.json
文件。 - 使用调试功能,可以设置断点并逐步执行代码。
总结
通过以上步骤,你已经成功安装并配置了Node.js,利用VS Code创建了一个简单的HTTP服务器。从此,你可以开始你的Node.js开发之旅了!希望这篇文章能对你有所帮助,祝你编程愉快!