如何恢复vscode的默认配置_史上最全vscode配置使用教程

工欲善其事，必先利其器。想要优雅且高效的编写代码，必须熟练使用一款前端开发工具。但前端开发工具数不胜数，像HBuilder、Sublime Text、WebStorm、Visual Studio Code......等等,其中VSCode以其轻量且强大的代码编辑功能和丰富的插件生态系统，独受前端工师的青睐。网上有很多vscode的配置以及使用博客，但都没有本篇那么详细且全面。

软件下载

直接在官网进行下载，需要的也可以留言给你发软件包Visual Studio Code - Code Editing. Redefined​code.visualstudio.com

首页

vscode设置成中文

vscode默认的语言是英文，对于英文不好的小伙伴可能不太友好。简单几步教大家如何将vscode设置成中文。按快捷键“Ctrl+Shift+P”。

在“vscode”顶部会出现一个搜索框。

输入“configure language”，然后回车。

“vscode”里面就会打开一个语言配置文件。

将“en-us”修改成“zh-cn”。

按“Ctrl+S”保存设置。

关闭“vscode”，再次打开就可以看到中文界面了。

当然如果你不愿意设置，也可以直接安装它的中文插件，还是很人性化的。

VScode用户设置

1. 打开设置

文件--首选项--设置，打开用户设置。VScode支持选择配置，也支持编辑setting.json文件修改默认配置。个人更倾向于编写json的方式进行配置，下面会附上我个人的配置代码

这里解析几个常用配置项：

(1)editor.fontsize用来设置字体大小，可以设置editor.fontsize : 14;

(2)files.autoSave这个属性是表示文件是否进行自动保存，推荐设置为onFocusChange——文件焦点变化时自动保存。

(3)editor.tabCompletion用来在出现推荐值时，按下Tab键是否自动填入最佳推荐值，推荐设置为on;

(4)editor.codeActionsOnSave中的source.organizeImports属性，这个属性能够在保存时，自动调整 import 语句相关顺序，能够让你的 import 语句按照字母顺序进行排列，推荐设置为true,即"editor.codeActionsOnSave": { "source.organizeImports": true }；

(5)editor.lineNumbers设置代码行号,即editor.lineNumbers ：true；

我的个人配置，供参考：

{

"files.associations": {

"*.vue": "vue",

"*.wpy": "vue",

"*.wxml": "html",

"*.wxss": "css"

},

"terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe",

"git.enableSmartCommit": true,

"git.autofetch": true,

"emmet.triggerExpansionOnTab": true,

"emmet.showAbbreviationSuggestions": tru