iT邦幫忙

0

如何格式化程式碼

您好:
請問於 VS CODE 或 NotePasd++要如何格式化程式嗎?

VS CODE 有裝 prettier-code formatter
也有快捷鍵 ctrl +Shift +P
但他只跳出 如附圖,但要如何把 網路上看到的程式碼 格式化?
謝謝!

https://ithelp.ithome.com.tw/upload/images/20210325/20104095cB39Abf42f.png

https://ithelp.ithome.com.tw/upload/images/20210325/20104095YA46lzj4yN.png

VS Code右下角可以選擇這份檔案要用什麼語言檢視,選擇HTML後應該就能正常顯示格式化的選項了
noway iT邦研究生 3 級 ‧ 2021-03-25 18:05:17 檢舉
您好:如圖,右下角 我選擇html,但它內部的JS 沒格式化...
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

0
Homura
iT邦高手 1 級 ‧ 2021-03-26 10:28:26
最佳解答

直接對文件內容右鍵
format document: 使用目前預設的格式化
format document with: 可以選擇哪種格式化套件或切換預設的格式化套件

noway iT邦研究生 3 級 ‧ 2021-03-26 22:36:13 檢舉

謝謝!

2
japhenchen
iT邦超人 1 級 ‧ 2021-03-25 16:48:33

VSCocd有提供很多第三方formatter/parser,不過我都是裝好那些常用的formatter之後才來開啟相應的資料,如果是網頁上的文字,你可以複製下來,貼到VSC上,然後按CTRL + S 存檔,記得檔名要取那個語言或文件格式,如
.cs (C#)
.cpp (c++)
.php
.json
.py
.xml
.csv ........

再輸輸按下 SHIFT + ALT + F 即可進行完美格式化

格式化前https://ithelp.ithome.com.tw/upload/images/20210325/20117954BGrp6oVcCB.jpg
格式化後
https://ithelp.ithome.com.tw/upload/images/20210325/20117954G4J6JrGdhc.jpg

看更多先前的回應...收起先前的回應...
noway iT邦研究生 3 級 ‧ 2021-03-25 18:05:57 檢舉

您好:請問您適用哪一套了?
如我所POST,HTML 內含JS,要用哪一套來用,謝謝!

星星最多的那一套~~官方出的也比較好

或按F1輸入format就會出現推薦名單給你選了

noway iT邦研究生 3 級 ‧ 2021-03-26 22:36:31 檢舉

謝謝!

我要發表回答

立即登入回答