iT邦幫忙

2022 iThome 鐵人賽

DAY 24
0
Modern Web

從入門前端技巧到uiux設計的心得分享系列 第 24

【Day 24】Visual Studio Code的實用技巧和擴充套件

  • 分享至 

  • xImage
  •  

許多網頁開發者都對Visual Studio Code(簡稱VS Code)這個開發工具不陌生,這篇文章將介紹本人使用到現在學會的一些實用技巧,部分是在公司實習時看著前輩學的。基本上是能加快開發速度的技巧。


快捷鍵 Ctrl + F

在當前文件中搜尋字串,也可以讓指定字串被其他字串替代。非常常用到
https://ithelp.ithome.com.tw/upload/images/20221003/201520901lsRghKNaw.png
途中紅色框框中的按鈕後會將一個burger_sq字串替換成aaa,橘色按鈕則會替換所有的。

快捷鍵 Ctrl + Shift + F

在所有文件中搜尋字串。常是你在維護專案時好奇某變數或元件在哪裡會用到時可以用此功能
https://ithelp.ithome.com.tw/upload/images/20221003/20152090wVs3cjBZM2.png
可以看到圖片左方,會顯示哪個文件會用到且會顯示用到的地方。

快捷鍵 Ctrl + P

透過文字搜尋文件。在公司維護相當大的專案時常常用到
https://ithelp.ithome.com.tw/upload/images/20221003/201520909mxruBM3OH.png

拖曳選定程式區塊

將選定程式區塊以拖曳的方式移動,短距離內比Ctrl+C、Ctrl+V
https://ithelp.ithome.com.tw/upload/images/20221004/20152090HreGypXmXd.png


上一篇
【Day 23】 UI/UX設計師都在做什麼?UX製作篇(下)
下一篇
【Day 25】 UI上的字體應用心得,字體知識篇
系列文
從入門前端技巧到uiux設計的心得分享30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言