1.安装必要的扩展程序
要使用VScode的自动代码补全功能，需要安装必要的扩展程序。首先，我们需要在装有VScode的界面打开菜单，选择“扩展”选项，或者按下Ctrl+Shift+X快捷键。在搜索框内输入“Intellisense”或“Autocomplete”关键字，然后选择一个功能齐全、更新及时且具有良好口碑的扩展进行安装。
1.1 Intellisense for CSS, SCSS, Less
Intellisense for CSS, SCSS, Less是一个非常实用的扩展，可提供CSS、SCSS和Less语法的 IntelliSense支持，包括样式类、id、属性等的自动完成、有序列表功能。
官方描述：
IntelliSense for CSS, SCSS and Less that just works. Ever experience lag using VSCode's Autocomplete? Try this extension for a speedier experience.
1.2 HTML CSS Support
HTML CSS Support是一款扩展，它可以为html和css的编写提供很好的支持，包括代码片段、自动完成和 Emmet等功能。
官方描述：
This extension provides HTML CSS Support for VSCode.
2.配置 VScode自动补全
安装完扩展之后，需要对VScode进行以下操作，以便开始使用自动代码补全：
2.1 每次打开新项目文件夹前检查workspace settings
为确保在VScode中使用自动代码补全的所有功能，请确保在打开文件夹之前检查workspace settings。在workspace settings中查看VScode的默认设置是否正确，并通过设置语言模式打开Intellisense的更高级别实现。
2.2 设置用户密钥
如果想使用Github上的API key，就需要在VS Code中设置密钥。设置方法如下：
在VS Code的设置中搜索Github API Key，将搜索结果复制到键名中。
复制自己的API key代码段，将其粘贴到键值中。
设置保存，完成配置。
2.3 启用 IntelliSense 代码片段
另一种使用自动代码片段的方法是通过 IntelliSense在VSCode中启用代码片段。这意味着在键入代码时，可以使 IntelliSense从代码片段文件中获取相关信息。
启用代码片段：打开VSCode，选择首选项>设置>用户设置。在用户设置中搜索“代码片段”并启用相关选项。
3.使用自动代码补全功能
安装好扩展和配置好VScode之后，就可以使用自动代码补全功能进行代码编写。在代码编辑器中打开一个新文件或一个现有文件，开始键入代码。当您输入一个关键词时，VScode会自动完成您要键入的文本并提供相关的文本建议，这些建议包括函数、方法、对象的属性等。
出现自动完成提示时，可以使用 Tab 或 Enter 快捷键选择建议中的元素。对于所有支持预览的元素，可以按下鼠标右键预览代码。
3.1 自定义 VScode自动补全
您还可以自定义自动代码补全中的一些函数。在VScode插件的设置页面中，您可以修改编辑器的默认设置，并为常见关键词添加新的自动完成建议。
例如，您可以通过在VS代码用户设置中添加以下代码来添加一些常见的支持库：
```
"emmet.includeLanguages": {
"javascript": "javascriptreact"
},
"emmet.triggerExpansionOnTab": true,
"emmet.showSuggestionsAsSnippets": true
```
4.总结归纳
本文介绍了如何在VScode中配置自动代码补全，以提高代码编写效率。首先，安装必要的扩展程序，推荐使用Intellisense for CSS, SCSS, Less和HTML CSS Support两款扩展。然后，根据VScode自动补全的设置进行一些配置，检查workspace settings，设置用户密钥和启用IntelliSense代码片段等。最后，学习如何使用自动代码补全功能，以及如何自定义自动代码补全。希望这篇文章对您提高代码编写效率有所帮助。
