vscode中设置字体大小_史上最全vscode配置使用教程

点击上方蓝字“前端码头”一起玩耍

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

VScode用户设置

1. 打开设置

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

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

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

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

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

(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": true,  "emmet.showExpandedAbbreviation": "always",  "emmet.includeLanguages": {
      "vue-html": "html",  "vue": "html",  "wpy": "html"  },  //主题颜色   //"workbenc