可以在扩展这里直接搜索需要的扩展,点击安装即可。

1.Chinese
中文扩展,就是说虽然咱们懂点英语,但还是中文看着方便

2.Auto Rename Tag
当你重命名一个HTML 标签时,会自动重命名与他配对的HTML 标签

当你选择h4这个标签时,后面的h4也会被选中,同时修改
3.HTML CSS Support
一个在你写css代码时,会有提示的扩展

4.ESLint
就是一个统一JavaScript代码风格的工具。他可以很好地检测出你的代码中可能存在的问题。

5.jQuery Code Snippets
jQuery代码的提示扩展

6.Live Server
标准HTML页面浏览器自动刷新

7.open in browser
使用快捷键 ALT + B ,可以在默认浏览器打开,非常方便好用
8.vscode-icons
一目了然,文件查看清晰
前后对比图如下图所示:
9.Code Spell Checker
方便且广泛使用的拼写检查工具,可以很好地检查出你的拼写错误。

10.Vetur
智能补全

11.Auto Import
import 提示