JavaScript 安装

JavaScript 是一种广泛使用的编程语言，主要用于网页开发。与其他编程语言不同，JavaScript 通常不需要单独安装，因为它已经内置于所有现代网页浏览器中。在本章节中，我们将介绍如何设置 JavaScript 开发环境。

浏览器内置的 JavaScript

所有现代网页浏览器（如 Chrome、Firefox、Safari、Edge 等）都内置了 JavaScript 引擎，这意味着您无需安装任何额外软件就可以运行 JavaScript 代码。

在浏览器中运行 JavaScript

打开浏览器的开发者工具：
- Chrome/Edge：按 F12 或 Ctrl+Shift+I（Windows/Linux），Cmd+Option+I（Mac）
- Firefox：按 F12 或 Ctrl+Shift+I（Windows/Linux），Cmd+Option+I（Mac）
- Safari：按 Cmd+Option+I（需先在 Safari 偏好设置中启用开发菜单）
打开控制台：在开发者工具中找到 "Console"（控制台）标签页
运行代码：在控制台中输入 JavaScript 代码并按回车执行

javascript

console.log("Hello, World!");

文本编辑器

虽然浏览器可以运行 JavaScript，但为了编写更复杂的程序，您需要一个文本编辑器。以下是几个推荐的编辑器：

免费编辑器

Visual Studio Code（推荐）：
- 由微软开发的免费代码编辑器
- 支持多种编程语言
- 有丰富的插件生态系统
- 下载地址：https://code.visualstudio.com/
Atom：
- 由 GitHub 开发的免费开源编辑器
- 高度可定制化
- 下载地址：https://atom.io/
Sublime Text：
- 轻量级但功能强大的编辑器
- 启动速度快
- 下载地址：https://www.sublimetext.com/

专业编辑器

WebStorm：
- JetBrains 开发的专业的 JavaScript IDE
- 功能全面，但需要付费
- 下载地址：https://www.jetbrains.com/webstorm/

Node.js 环境

虽然浏览器可以运行 JavaScript，但在某些情况下，您可能需要在服务器端或本地运行 JavaScript 代码。这时就需要安装 Node.js。

安装 Node.js

访问官网：前往 https://nodejs.org/
下载安装包：
- 选择 "LTS"（长期支持版本）推荐给大多数用户
- 或选择 "Current"（最新版本）如果您需要最新特性
运行安装程序：
- Windows：下载 .msi 文件并双击运行
- macOS：下载 .pkg 文件并双击运行
- Linux：根据您的发行版选择相应的安装方法
验证安装：打开命令行工具（Windows：命令提示符或 PowerShell，macOS/Linux：终端）并输入：
bash
```
node -v
npm -v
```
如果显示版本号，说明安装成功。

使用 Node.js 运行 JavaScript

创建 JavaScript 文件：使用文本编辑器创建一个 .js 文件，例如 hello.js

编写代码：

javascript

console.log("Hello, World from Node.js!");

运行文件：在命令行中导航到文件所在目录，然后运行：
bash
```
node hello.js
```

开发环境配置

Visual Studio Code 配置

如果您选择了 Visual Studio Code 作为编辑器，可以安装以下插件来提升 JavaScript 开发体验：

ESLint：代码检查工具，帮助您遵循最佳实践
Prettier：代码格式化工具，保持代码风格一致
Auto Rename Tag：自动重命名 HTML 标签
Bracket Pair Colorizer：彩色括号匹配，便于阅读代码
JavaScript (ES6) code snippets：ES6 代码片段，提高编码效率

浏览器开发者工具

现代浏览器的开发者工具提供了强大的调试功能：

Elements：查看和编辑网页的 HTML 和 CSS
Console：运行 JavaScript 代码和查看日志
Sources：调试 JavaScript 代码，设置断点
Network：监控网络请求
Performance：分析网页性能
Application：查看本地存储、缓存等

第一个 JavaScript 程序

让我们创建一个简单的 HTML 文件来运行 JavaScript：

创建 HTML 文件：新建一个文件，命名为 index.html

添加以下代码：

html

<!DOCTYPE html>
<html>
<head>
    <title>我的第一个 JavaScript 程序</title>
</head>
<body>
    <h1>欢迎学习 JavaScript</h1>
    <button onclick="showMessage()">点击我</button>
    
    <script>
        function showMessage() {
            alert("恭喜！您已经成功运行了第一个 JavaScript 程序！");
        }
    </script>
</body>
</html>

保存并打开文件：在浏览器中打开这个 HTML 文件，点击按钮查看效果

总结

JavaScript 的安装和设置相对简单：

浏览器内置了 JavaScript 引擎，无需额外安装即可运行简单代码
选择一个合适的文本编辑器（推荐 Visual Studio Code）
如需在服务器端运行 JavaScript，安装 Node.js
配置开发工具和插件以提高开发效率

在下一章节中，我们将学习 JavaScript 的基础语法，这是掌握这门语言的重要第一步。

JavaScript 安装 ​

浏览器内置的 JavaScript ​

在浏览器中运行 JavaScript ​

文本编辑器 ​

免费编辑器 ​

专业编辑器 ​

Node.js 环境 ​

安装 Node.js ​

使用 Node.js 运行 JavaScript ​

开发环境配置 ​

Visual Studio Code 配置 ​

浏览器开发者工具 ​

第一个 JavaScript 程序 ​

总结 ​