4个VsCode编辑器常用配置

➢ 打开设置界面

文件>首选项>设置

➢ 设置字体大小
// 以像素为单位控制字号。
"editor.fontSize": 18,
➢ 设置自动换行
// 控制折行的方式。
// off: 永不换行。
// on: 将在视区宽度处换行。
// wordWrapColumn: 在 `editor.wordWrapColumn` 处折行。
// bounded: 在视区宽度和 `editor.wordWrapColumn` 中的较小值处折行。
"editor.wordWrap": "on",
➢ 设置4格缩进
// 一个制表符等于的空格数。该设置在 "editor.detectIndentation" 启用时根据文件内容可能会被覆盖。
"editor.tabSize": 4,
// 当打开文件时,将基于文件内容检测 "editor.tabSize" 和 "editor.insertSpaces"。
"editor.detectIndentation": false,
// 如果使用了prettier插件的话
"prettier.tabWidth": 4,
"vetur.format.defaultFormatter.html": "prettier",
➢ 设置忽略文件
// 配置 global 模式以在搜索中排除文件和文件夹。
// 例如,文件资源管理器根据此设置决定文件或文件夹的显示和隐藏。
// 主要是忽略node_module文件夹
"files.exclude": {
"**/.git": true,
"**/.svn": true,
"**/.hg": true,
"**/CVS": true,
"**/.DS_Store": true,
"node_modules/": true 
Tips
  • 编辑器暗黑背景色没有白色那么刺眼

  • 字体的大小和型号随时影响着美(心)观(情)

  • 尽你所能自动化、云端化、流程化、数据化