打开设置

点开文本工作区

往下划，打开这个

将first修改成

 

打开settings.json

原本最下方是这样

修改成如下

  "editor.suggest.snippetsPreventQuickSuggestions": false,"files.associations":{"*.html":"html"},

files.associations": { "*.html":"html" } 的意思为在编辑器中编辑后缀为.html的文件时会激活html语言的相应功能。 可以将.html换成.vue，就是在编辑后缀为.vue的文件时激活html代码了。

保存后立即生效。

————

推荐插件

很喜欢的皮肤主题

Dracula Official

暗紫色的皮肤，代码皮肤示例

 

Material Theme

vscode最悠久的主题，也很好看！

必备，简体中文插件

Chinese (Simplified) Language Pack for Visual Studio Code

Django框架

mysql

python

 

open in browser

可以直接右键打开特定浏览器调试，很方便。

路径补全

Path Intellisense

vue开发

VETUR

451万+ VS Code 下面的 Vue 工具！

语法高亮，代码补全，基本是vue开发必备插件

 

jQuery Code Snippets

jQuery爱好者的福音

Git Project Manager

可以直接一键搜索并打开某个基于 Git 管理的项目

Debugger for Chrome

必备， 用 Chrome 来 Debug  自己的JavaScript 代码，或其它支持 Chrome Debugger 协议的平台，下载了它就不用打开浏览器的控制台也能进行打断点。