Question

render() {
    return (
      <Provider { ...stores }>
        <div className={ styles.auth }>
          { this.renderDevTools() } // not {this.renderDevTools()}
          <Layout/>
          <SnackBar/>
        </div>
      </Provider>
    )
  }

VS代码中是否可以使用上述格式，没有更漂亮或其他美化者？

Answer 1

在Windows上 Shift + Alt + F

在Mac Shift + 选项 + F

在Ubuntu Ctrl + Shift + I

您可以在偏好设置 - ＆gt;中添加键绑定键盘快捷键。

{ "key": "cmd+k cmd+d", "command": "editor.action.formatDocument" }

保存文件时的代码格式：

Visual Studio代码允许用户自定义默认设置。

如果您想在保存时自动设置内容格式，请在Visual Studio代码的工作区设置中将此代码段添加到下方。

文件 - ＆gt;偏好 - ＆gt;工作区设置

{
    // Controls if the editor should automatically format the line after typing
      "beautify.onSave": true,

      "editor.formatOnSave": true,


   // You can auto formate any files based on extensions type. 
"beautify.JSfiles": [
    "js",
    "json",
    "jsbeautifyrc",
    "jshintrc",
    "ts"
  ] 
}

VS Code自动格式空间（JS和TS）

1 个答案: