安装Prettier插件
要在Visual Studio Code（Vscode）中设置格式模板，首先需要安装一个流行的代码格式化工具，例如Prettier。你可以通过以下步骤来安装它：
打开扩展市场
启动Vscode后，点击左侧活动栏中的扩展图标（四个小方块组成的图标），打开扩展市场。
搜索并安装Prettier
在搜索栏中输入“Prettier - Code formatter”，找到并安装该插件。
重启Vscode
安装完成后，重启Vscode以确保插件被正确加载。
配置Prettier
安装Prettier插件后，你需要进行一些配置来确保它按照你的需求格式化代码。
打开设置文件
点击文件菜单，选择“首选项” -> “设置”，或者使用快捷键Ctrl+,（Windows）或Cmd+,（Mac）来打开设置。
添加配置项
在设置页面的搜索栏中输入“Prettier”，找到相关设置项。你可以根据需要调整各种配置，例如单引号、行宽等。你也可以直接在项目根目录下创建一个.prettierrc文件，添加如下配置：
{
"semi": true,
"singleQuote": true,
"printWidth": 80,
"tabWidth": 2
}
设置默认格式化工具
为了使Vscode在保存文件时自动使用Prettier格式化代码，需要将Prettier设置为默认格式化工具。
修改全局设置
在设置中搜索“Default Formatter”，选择Prettier - Code formatter作为默认格式化工具。
启用格式化保存
同样在设置中搜索“Format On Save”，勾选此选项，这样每次保存文件时都会自动格式化。
创建自定义格式模板
除了使用Prettier默认的格式化规则，你还可以创建自己的格式模板。
定义ESLint规则
如果你使用ESLint作为代码检查工具，可以在.eslintrc文件中定义自己的格式规则。结合Prettier和ESLint，你可以获得更精细的代码格式化控制。
使用EditorConfig
另一个有用的工具是.editorconfig文件，它可以帮助你在不同的编辑器和IDE中保持一致的编码风格。创建.editorconfig文件并添加如下配置：
root = true
[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
总结
通过安装和配置Prettier插件，设置默认格式化工具，并结合使用ESLint和EditorConfig，你可以在Vscode中轻松创建和应用自定义的格式模板。这将大大提高你的编码效率和代码一致性。
