如何避免VSCode格式化破坏手动设置的代码对齐？

• 针对Prettier（JavaScript文件）：
  若你的手动对齐属于键值对竖线对齐这类Prettier默认不支持的格式，可通过两种方式处理：

  1. 在需保留格式的代码块前后添加忽略注释：

     // prettier-ignore-start
     const obj = {
         key1    : value1,
         longKey : value2,
         k3      : value3
     }
     // prettier-ignore-end
     

  2. 自定义Prettier配置，在项目根目录创建.prettierrc文件，根据对齐场景调整规则：

     {
         "printWidth": 120,
         "tabWidth": 4,
         "alignObjectProperties": true
     }
     

     注：仅部分常规对齐场景生效，特殊手动对齐仍需用忽略注释。

• 针对Vetur（Vue文件）：
  Vetur默认依赖Prettier或ESLint格式化，可通过以下方式保留手动对齐：

  1. 在Vue单文件中，用注释包裹需保留格式的代码块：

     <!-- prettier-ignore-start -->
     <script>
     const data = {
         name    : 'test',
         age     : 20,
         address : 'xxx'
     }
     </script>
     <!-- prettier-ignore-end -->
     

  2. 在VSCode设置中关闭Vetur默认格式化：

     "vetur.format.defaultFormatter.js": "none",
     "vetur.format.defaultFormatter.html": "none"
     

     注：关闭后需手动维护代码格式，或自定义ESLint规则实现对齐。

• 临时禁用格式化：
  若仅需临时保留手动对齐，可选择两种方式：

  1. 打开VSCode设置（快捷键Ctrl+,），取消勾选editor.formatOnSave。
  2. 在当前文件顶部添加注释，仅对该文件生效：

     /* eslint-disable prettier/prettier */
     

内容的提问来源于stack exchange，提问作者Mike Woo