如何恢复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

你可能感兴趣的:(如何恢复vscode的默认配置)