VSCode 编写代码

VS Code 内置了对 JavaScript、TypeScript、HTML、CSS 等多种语言的支持。

在本章节中，我们将创建一个 JavaScript 代码文件，并使用 VS Code 提供的一些代码编辑功能。

VS Code 支持多种编程语言，在后面的章节中，我们还会安装 Python 的语言扩展，为其他语言添加支持。

1、创建 JavaScript 文件并编写代码

在资源管理器（Explorer）视图中，创建一个名为 app.js 的新文件，并输入以下 JavaScript 代码：

实例

function sayHello(name) {
  console.log('Hello, ' + name);
}

sayHello('VS Code');

代码自动补全（IntelliSense）：当您开始输入代码时，会弹出代码补全建议，使用方向键 ↑ 或 ↓（上下键） 导航建议项，按 Tab 键选择并插入选中的建议。

语法高亮：注意代码的格式化显示（语法高亮），这有助于区分代码的不同部分，提高可读性。

使用代码操作（Code Actions）

将光标放在字符串 'Hello,' 上时，您会看到一个小灯泡图标，表示可以应用代码操作（Code Action）。

您也可以使用快捷键 ⌃Space 打开灯泡菜单。

点击灯泡图标，然后选择 Convert to template string（转换为模板字符串）。

代码操作为您的代码提供了快速修复建议。

在本例中，Code Action 将字符串拼接：

"Hello, " + name

转换为模板字符串：

`Hello, ${name}`

模板字符串是 JavaScript 中一种特殊的语法，可以在字符串中嵌入表达式。

转化后的代码如下：