How to add semicolon to the end of the line in visual studio code

在 Visual Studio Code 中，行尾自动添加分号主要有两种方法：一是通过配置编辑器的设置，二是使用扩展插件来实现。

方法一：配置编辑器的设置

1. 打开设置：

   • 你可以通过点击左下角的齿轮图标，选择“设置”，或者直接按 Ctrl + , 快捷键打开设置界面。

2. 修改设置：

   • 在搜索栏中输入 save，找到“在保存时格式化”的选项，确保它被勾选。
   • 接下来，在搜索栏中输入 format，找到“默认格式化程序”并选择“Prettier - Code formatter”（需要事先安装Prettier插件）。
   • 确保你的项目中或全局的 .prettierrc 文件配置了 "semi": true，这样可以在每行末尾添加分号。

3. 保存文件：

   • 每次保存文件时，如果你的设置和格式化程序配置正确，它会自动在行尾添加分号。

方法二：使用扩展插件

1. 安装扩展：

   • 在 Visual Studio Code 中，打开扩展视图（可以点击侧边栏的方块图标或使用快捷键 Ctrl+Shift+X）。
   • 搜索 “Prettier - Code formatter” 并安装。Prettier 是一个流行的代码格式化工具，它支持多种语言并允许定制化设置，包括自动在行尾添加分号。

2. 配置 Prettier：

   • 创建或修改项目根目录下的 .prettierrc 文件，加入以下配置：

     json
     {
       "semi": true
     }

   • 这样设置后，Prettier 在格式化代码时会自动在语句末尾添加分号。

3. 使用快捷键格式化代码：

   • 你可以通过按 Shift+Alt+F（或在命令面板中搜索“Format Document”并选择）来格式化当前文档。
   • 确保当前文件的格式化程序设置为 Prettier。

通过上述两种方法，你可以很容易地在 Visual Studio Code 中配置和使用代码格式化工具，以自动在行尾添加分号，从而保持代码的整洁和一致性。