开发环境搭建

浏览器控制台：即时运行环境

现代浏览器（Chrome、Firefox、Edge 等）内置的开发者工具提供了 JavaScript 即时执行环境，是初学者验证代码逻辑的首选工具。打开方式通常为：在浏览器页面右键选择“检查”或按下 F12 / Ctrl+Shift+I（Windows/Linux）、Cmd+Opt+I（Mac），切换至 Console 面板即可直接输入代码并查看结果。例如，输入 console.log("Hello JavaScript") 后按下回车，将立即在控制台输出文本，实现代码与结果的实时交互。

VS Code 及开发插件配置

Visual Studio Code（VS Code）作为主流代码编辑器，其丰富的插件生态可显著提升开发效率。基础配置步骤如下：

安装编辑器：从[1] 下载对应系统版本并安装；
核心插件推荐：
- ESLint：代码质量检查工具，可自动检测语法错误并统一代码风格；
- Prettier：代码格式化工具，支持自动调整缩进、换行等格式规范；
- JavaScript (ES6) code snippets：提供 ES6+ 语法片段，加速代码编写；
插件配置：安装 ESLint 后，在 VS Code settings.json 中添加 "editor.codeActionsOnSave": { "source.fixAll.eslint": true }，实现保存时自动修复部分语法问题。

Node.js 安装与版本管理

Node.js 的出现使 JavaScript 突破浏览器限制进入后端开发领域，同时也为前端工程化提供了运行环境。安装与管理步骤如下：

安装 Node.js：访问[2]，推荐下载 LTS（长期支持）版本，安装过程中勾选“Add to PATH”选项以确保全局可访问；
验证安装：打开终端（命令提示符/终端），输入 node -v 显示版本号（如 v20.10.0），输入 npm -v 验证包管理器 npm 是否同步安装；
版本管理：对于多项目开发，可使用 nvm（Node Version Manager） 或 n 等工具切换 Node.js 版本，避免版本冲突。

“Hello World”程序运行演示

通过以下两种方式实现 JavaScript 程序的基础运行，帮助读者理解代码执行流程：

浏览器环境运行

创建文本文件并命名为 index.html，输入以下内容：

html

复制代码

<!DOCTYPE html>
<html>
<body>
  <script>
    console.log("Hello World from Browser!");
  </script>
</body>
</html>

用浏览器打开该文件，通过开发者工具的 Console 面板查看输出结果。

Node.js 环境运行

创建文本文件并命名为 hello.js，输入代码：
javascript
复制代码
```
console.log("Hello World from Node.js!");
```
打开终端，导航至文件所在目录，执行命令 node hello.js，终端将直接输出结果。

通过上述步骤，读者可完成从环境配置到代码运行的全流程实践，为后续语法学习与项目开发奠定基础。

变量与数据类型