我想要把我的程式碼排行的整齊一點,常見的一些別人寫的 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?
不知道是否有大大知道這樣的排版叫做什麼?感激!
按Ctrl+Shift+X,輸入PHP IntelliSense,安裝,重開code
在開啟php的程式時,按下SHIFT + ALT + F就自動格式化
很難能這樣的排版。
畢竟一般要達到你這樣的需求,大多數都是得用tab排板才有可能。
重點在於一次還是兩次。這是自動排版無法處理的事。
也很難下排版規則。
這個幫不了你。
Visual Studio 有 Align Assignments 的 extension
2015 年的文章
現在不知道還有沒有
之前放了在Comment,原來有回答框,抱歉,我會把那個刪掉。
可以的,要先在系統安裝php code sniffer,然後在VSCode裹安裝 PHP Sniffer & Beautifier,php code sniffer 裹面還有一個好處,可以安裝WordPress Code Style 標準,那麼在跑的時候會自動做Checking,這個動作叫 Lint,你可以在VSCode裹設定 Format on Save,那麼每次在save時都會套用相關標準。當然個別情況亦可個別設定不跟隨。