为什么VS Code中.js文件无法正常打开、也不能在浏览器运行？

1. VS Code无法打开javascript.js文件的常见原因 #

• 文件名后缀错误：Windows系统默认隐藏已知文件类型的扩展名，你创建的文件实际可能是javascript.js.txt而非纯.js后缀，导致VS Code无法正常识别关联。你可以先开启系统的「文件扩展名」显示，确认文件名无多余后缀。
• 文件路径/权限异常：文件存放路径包含中文、特殊字符，或者文件被其他程序占用、当前用户无该文件的读取权限，都会导致打开失败。
• VS Code插件异常：如果关联JS文件的插件出现运行故障，也会导致无法打开，重启VS Code后右键选择「通过VS Code打开」即可排查。

2. JS文件无法直接在浏览器运行的原因 #

浏览器本身不支持直接执行独立的.js文件，必须通过HTML文件引入JS代码才能正常运行，你需要先确认index.html中已经正确引入javascript.js：

将以下代码放在index.html的</body>结束标签之前，确保两个文件存放在同一个文件夹下，路径拼写完全一致：

<script src="javascript.js"></script>

配置完成后直接在浏览器打开index.html即可运行JS代码，如果效果没有生效，可以按F12打开浏览器开发者工具，切换到Console面板查看具体的语法报错信息排查代码问题。

内容的提问来源于stack exchange，提问作者Deluus Polycarp