我想要把我的程式碼排行的整齊一點，常見的一些別人寫的 js 或者 php 都有將等號變數之類的排版在同一列，但我卻找不到這類的工具？

例如 Javascript 原本長這樣

this.duration = opts.duration || 1;
    this.debug = opts.debug || false;
    this.easing = opts.easing || "easeInOut";
    this.container = document.getElementById("msg_slide");
    this.images = JSON.parse(this.container.getAttribute("data-images"));
    this.textObj = document.getElementById('ms_text');
    this.msAni = this.textObj.querySelectorAll('.ms_aniIn');
    this.width = this.container.offsetWidth;
    this.height = this.container.offsetHeight;

想要一鍵變成以下

    this.duration  = opts.duration || 1;
    this.debug     = opts.debug || false;
    this.easing    = opts.easing || "easeInOut";
    this.container = document.getElementById("msg_slide");
    this.images    = JSON.parse(this.container.getAttribute("data-images"));
    this.textObj   = document.getElementById('ms_text');
    this.msAni     = this.textObj.querySelectorAll('.ms_aniIn');
    this.width     = this.container.offsetWidth;
    this.height    = this.container.offsetHeight;

或者 PHP 原本長這樣

  register_post_type(
    'events',
    array(
      'labels' => array(
        'name' => __('作品'),
        'singular_name' => __('作品'),
        'add_new_item' => __('新增作品'),
        'edit_item' => __('編輯作品'),
        'add_new' => __('新增活動')
    )
  );

想要一鍵變成以下

  register_post_type(
    'events',
    array(
      'labels' => array(
        'name'          => __('作品'),
        'singular_name' => __('作品'),
        'add_new_item'  => __('新增作品'),
        'edit_item'     => __('編輯作品'),
        'add_new'       => __('新增活動')
    )
  );

我使用了 Prettier - Code formatter、PHP intelliSense、其他 Online 的 Beautifull code 之類的都沒辦法這樣排版噎0.0?

不知道是否有大大知道這樣的排版叫做什麼？感激！