如何在vscode中引用JavaScript文件
在编写Web应用时，JavaScript是必不可少的一种编程语言。常见的做法是在HTML文件中使用<script>标签引用JavaScript文件，但随着项目变得越来越复杂，这种方式显得过于麻烦。
1. 创建JavaScript文件
首先，在vscode中创建一个新的文件，命名为test.js。在该文件中，编写一些简单的JavaScript代码来测试引用是否成功：
function helloWorld() {
console.log("Hello, world!");
}
helloWorld();
这里使用了console.log()方法，日志输出会在浏览器的控制台中显示。
2. 创建HTML文件
接下来，在vscode中创建一个新的文件，命名为test.html。在该文件中，编写HTML代码来引用刚才创建的test.js文件：
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<script src="test.js"></script>
</head>
<body>
<h1>Hello, world!</h1>
</body>
</html>
这里使用了<script>标签来引用test.js文件，src属性的值为文件的路径。
3. 运行HTML文件
现在，双击test.html文件，它会在默认的浏览器中打开，并自动执行test.js文件中的代码。在浏览器的控制台中，可以看到输出了"Hello, world!"这句话。
4. 在vscode中调试JavaScript代码
如果在运行JavaScript代码时出现了错误，可以使用vscode的调试功能进行调试。首先，在test.js文件中添加一个错误：
function helloWorld() {
console.log("Hello, world!");
undefinedFunction();
}
helloWorld();
这里故意调用了一个不存在的函数，会导致程序出错。
接下来，在vscode中打开test.html文件，然后按下F5键，选择Chrome选项并按下Enter键。这会在Chrome浏览器中打开test.html文件，并启动vscode的调试工具。此时，运行test.js文件中的代码时，会停留在出现错误的那一行：
可以看到，在控制台中输出了错误信息。
5. 使用vscode的终端调试JavaScript代码
在vscode中，还可以使用终端调试JavaScript代码。首先，在test.js文件中添加一些新的代码：
function add(a, b) {
if (a !== undefined && b !== undefined) {
return a + b;
} else {
throw new Error("Arguments missing!");
}
}
console.log(add(2, 3));
console.log(add(2));
这里定义了一个add()函数来进行加法计算，并在控制台中输出计算结果。如果没有传入两个参数，就会抛出一个错误。
接下来，在vscode的终端中运行该JavaScript文件：
node test.js这个命令会在终端中输出"5"和一个错误信息。
除了在终端中运行JavaScript代码外，还可以使用vscode的调试功能来进行调试。在vscode的左侧边栏中，选择Debug面板，然后点击create a launch.json file链接。这会创建一个launch.json文件，在该文件中配置调试器的选项。例如：
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch test.js",
"program": "${workspaceFolder}/test.js"
}
]
}
其中，"program"属性的值表示要运行的JavaScript文件。
完成配置后，可以点击调试按钮来运行调试器，然后在vscode中设置断点和监视器，来进行调试。