Vue-28 VSCode 自动格式化代码的设置

V_zcm

已于 2022-08-18 11:09:21 修改

阅读量679

点赞数

分类专栏： VUE 文章标签： vscode vue.js javascript

于 2021-12-16 16:08:51 首次发布

本文链接：https://blog.youkuaiyun.com/m0_59214979/article/details/121977132

版权

本文指导如何在VSCode中配置代码自动格式化，包括安装ESLint，调整tabSize，启用formatOnSave，设置验证语言及预处理器选项，如Vue和Prettier。适合开发者提升代码风格一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本节：代码自动格式化的配置

首先,下载 ESLint

然后，三步走：

1.点击设置

2.点这页

3.出现一个页面，把全部内容变成这个文件

{
  // vscode默认启用了根据文件类型自动设置tabsize的选项
  "editor.detectIndentation": false,
  // 重新设定tabsize
  "editor.tabSize": 2,
  // #每次保存的时候自动格式化
  "editor.formatOnSave": true,
  "editor.formatOnType": true,
  // #每次保存的时候将代码按eslint格式进行修复
  "eslint.autoFixOnSave": true,
  "eslint.format.enable": true,
  // 添加 vue 支持
  "eslint.validate": [
    "javascript",
    "javascriptre