一、使用文本编辑器

基础编辑器

- 使用系统自带的记事本（Windows）或 TextEdit（Mac）打开 `.js` 文件，可进行简单编辑。

- 推荐使用专业编辑器如 Sublime Text、 Visual Studio Code（VSCode）或 Adobe Dreamweaver，支持代码补全、语法高亮等功能。

集成开发环境（IDE）

- 安装 VSCode 或 Sublime Text，通过右键菜单或命令行运行 `code .js`（VSCode）或 `subl .js`（Sublime Text）打开文件。

二、使用浏览器

直接打开

- 双击 `.js` 文件，若浏览器支持脚本执行，会自动在控制台输出结果（需在 HTML 文件中引用该 JS 文件）。

- 对于简单的脚本，直接在浏览器中打开 HTML 文件（`file://` 协议），浏览器会加载并执行内联脚本。

通过开发者工具

- 在浏览器中打开 HTML 文件，按 `F12` 或右键选择“检查”打开开发者工具，通过“源代码”或“控制台”查看执行结果。

三、运行环境搭建（开发环境配置）

浏览器设置

- 在 Chrome 中，需在“隐私设置与安全性”中允许运行 JavaScript。

- 在 Edge 中，通过“设置”→“隐私、搜索与服务”→“网站权限”启用 JavaScript。

服务器环境

- 使用 Node.js运行 JavaScript 文件，需先安装 Node.js，然后在终端中执行 `node script.js`（假设文件名为 `script.js`）。

四、注意事项

文件扩展名：

确保文件保存为 `.js` 扩展名，部分编辑器可能默认使用 `.txt`。

运行场景：浏览器适合调试和查看执行结果，文本编辑器仅支持代码编辑。

安全设置：开发环境中建议允许所有网站运行 JavaScript（仅用于开发环境，生产环境需谨慎配置）。

通过以上方法，可灵活选择适合场景的工具来打开和调试 JavaScript 文件。