Skip to content
On this page

代码规范之编辑器配置(二)

在 vscode 中开启 eslint 配置

在 vscode 中,也可以只使用 eslint 来达到保存时 formatter 一样的体验。

在配置之前,我们需要明白 vscode、vetur、prettier 和 eslint 之间的关系:

  • prettier 仅仅是 vetur 格式化的其中一个选项,直接干掉
  • vetur 是为了支持 vue 语法:高亮、提示、格式化等,干掉格式化
  • eslint 代码质量检查和格式化,全面开启

配置步骤

  1. 卸载 prettier 插件

  2. 安装 eslint 插件

  3. 去除 vetur 格式化选项 cbcb092a16963adbf73a9ce9232d3f5ee88d8b64

  4. 默认格式化工具选择 eslint a6f36dec395db04dd8dc491f318ee297ca9a6e09

  5. 开启 eslint b8a60013114299f4cc709a163cd7e498a5b21b83

  6. 开启 eslint 格式化 9247bbacb88bdc03c7e69262640e486612b37fe1

  7. 配置默认格式化工具

    1. 右键选择 774b7e7ce42694c8b604ed837ce6e9341dbe762c

    2. 点击配置默认格式化 2dcf93696a4e2b0865b12aee58f590babc17f83e

      选择 eslint,配置成功后,再次打开此面板时会看到 default 备注。

  8. 配置完成!