vs code 插件

格式化代码

自己写的,格式上不统一的代码变成格式优雅的代码。

let a = 1;
let b=3;

例如,上面的js代码中,定义变量时=号左右的空格不统一。

希望在写完代码,按下ctrl+s后,vscode能够自动帮我们去把格式调整好。

prettier插件

entensions中,查找prettier

如何实现保存时自动格式化

先要搞清楚两个概念

  1. 按什么标准进行格式化。
    • 书写标准。仅仅是代码格式层面的约定,例如:“=” 前后隔空一个空格。此时的格式化也就是简单的添加(删除)空格或者是换行。
    • 逻辑标准。例如,不允许使用var 定义变量,而只能用let.此时的格式化可能需要对代码做替换,有些复杂的规则则需要手动参与,而不能自动修复这些不合标准的地方。
  2. 把什么文件(代码段)进行格式化。
    • html/template 代码段
    • css/less/sass
    • js/ts
  • 如果只是书写标准,使用prettier就可以了。
  • 如果涉及逻辑标准,建议使用eslint

你可能感兴趣的:(vs code 插件)