ES6 - 环境

ES6 - 设置开发环境

要开始编写和运行现代 JavaScript (ES6+)，您需要一个合适的开发环境。本章将指导您了解基本工具。

JavaScript 开发环境的核心组件：

• 一个文本编辑器或集成开发环境 (IDE)：用于编写代码。
• 一个 JavaScript 运行时：用于执行代码。可以是 Web 浏览器（用于客户端 JavaScript）或 Node.js（用于服务器端或命令行 JavaScript）。
• 浏览器开发者工具：对于 Web 开发中的调试、检查 HTML、CSS 和网络活动至关重要。

1. 文本编辑器和 IDE

一个好的代码编辑器可以通过语法高亮、代码补全和调试工具等功能提高生产力。流行的选择包括：

• Visual Studio Code (VS Code)：免费、开源、高度可扩展、广受欢迎。对 JavaScript、TypeScript 和 Node.js 有出色的支持。(推荐)
• WebStorm：JetBrains 出品的一款强大的付费 IDE，专门用于 JavaScript 及相关技术。
• Sublime Text：一个轻量级、快速且可定制的编辑器。
• Atom：GitHub 构建的一款可定制的文本编辑器（开发已停止，但仍在被使用）。
• 可以使用像 Notepad (Windows) 或 TextEdit (macOS) 这样的基础编辑器，但它们缺乏高级功能。

源代码文件通常以 .js 扩展名命名（在某些 Node.js 环境中的 ES 模块使用 .mjs）。

2. JavaScript 运行时

Web 浏览器

所有现代 Web 浏览器（Chrome、Firefox、Edge、Safari）都内置了 JavaScript 引擎，用于执行客户端代码。它们还配备了强大的开发者工具。

Node.js

Node.js 是一个开源、跨平台的运行时环境，允许您在浏览器之外运行 JavaScript 代码。它对于服务器端开发、构建工具和命令行脚本至关重要。Node.js 使用 Google 的 V8 JavaScript 引擎。

安装 Node.js：

访问 Node.js 官方网站 https://nodejs.org/ 下载适用于您操作系统的安装程序（Windows、macOS、Linux）。对于大多数用户，建议选择 LTS（长期支持）版本。

安装完成后，打开您的终端或命令提示符，输入 node -v 和 npm -v 以验证 Node.js 和 npm（Node 包管理器，与 Node.js 捆绑在一起）是否正确安装。您应该能看到它们各自的版本号。

npm（或像 yarn 或 pnpm 这样的替代品）用于管理项目依赖（库和工具）。

3. 浏览器开发者工具

现代浏览器配备了开发者工具，这些工具对于调试 JavaScript、检查 HTML 和 CSS、分析性能等非常有价值。您通常可以通过右键单击网页并选择“检查”或按 F12 来打开它们。

焦点：Visual Studio Code (VS Code)

VS Code 是微软推出的一款强烈推荐的免费 IDE。它适用于 Windows、macOS 和 Linux。请从 https://code.visualstudio.com/ 下载。

VS Code 用于 JavaScript 开发的关键特性：

• 出色的 JavaScript 和 TypeScript IntelliSense（代码补全、参数信息）。
• 集成的调试器，支持前端 JavaScript（在浏览器中）和 Node.js 应用。
• 内置 Git 支持，用于版本控制。
• 集成的终端，用于运行命令（如 npm 脚本、Node.js 执行）。
• 庞大的扩展市场，可以添加更多功能（例如，用于代码检查的 ESLint，用于代码格式化的 Prettier）。

开始使用 VS Code：

1. 从 VS Code 官方网站下载并安装。

2. 打开 VS Code。你可以打开一个文件夹（你的项目目录）或创建新文件。

3. 对于 JavaScript 项目，可以考虑从扩展视图 (Ctrl+Shift+X 或 Cmd+Shift+X) 安装有用的扩展，如 ESLint 和 Prettier。

您现在已经设置好了现代 JavaScript 开发环境！您可以开始编写 ES6 代码，使用 Node.js 运行它，或在浏览器中测试。