iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Software Development

精通 Visual Studio Code 系列

時至今日,Visual Studio Code 已經很明顯的打敗了另外兩個編輯器 Sublime Text 3 和 Atom,但是很多身邊的朋友卻還不夠精通它,每次用到一些編輯器貼心功能來開發的時候,不知道的朋友總是會驚呼「等等…你怎麼弄的?」,我希望可以藉由將一些官方文件翻譯成中文、我自己常用的擴充套件、之前留下來的好文章以及分享我自己常用的技巧來幫朋友以及公司的同事精通 Visual Studio Code。

鐵人鍊成 | 共 31 篇文章 | 41 人訂閱 訂閱系列文 RSS系列文
DAY 11

DAY 11 互動式遊樂場 (Part 5)

DAY 11 互動式遊樂場 (Part 5) 程式改名重構 Rename Refactoring 如果你想要統一修改一個函式或變數的名字,你可以先把游標移動到...

2019-09-26 ‧ 由 戴均民 分享
DAY 12

DAY 12 互動式遊樂場 (Part 6)

DAY 12 互動式遊樂場 (Part 6) 程式碼摺疊 Code Folding 在編輯一份大檔案時,你可以把區塊內的程式碼摺疊來增加程式碼的可讀性,把目前...

2019-09-27 ‧ 由 戴均民 分享
DAY 13

DAY 13 互動式遊樂場 (Part 7)

DAY 13 互動式遊樂場 (Part 7) 錯誤及警告 Errors and Warnings 當你在編輯程式碼的時候,錯誤和警告都會用波浪底線來突顯出來,...

2019-09-28 ‧ 由 戴均民 分享
DAY 14

DAY 14 互動式遊樂場 (Part 8)

DAY 14 互動式遊樂場 (Part 8) Emmet Emmet 讓程式碼片段的功能更上層樓!你可以透過打出很像 CSS 的關鍵字,然後這個關鍵字會被動態...

2019-09-29 ‧ 由 戴均民 分享
DAY 15

DAY 15 互動式遊樂場 (Part 9)

DAY 15 互動式遊樂場 (Part 9) 感謝 Thanks! 相信當你看到這裡的時候,你已經接觸了不少 VS Code 中的一些編輯相關的功能,但是別止步...

2019-09-30 ‧ 由 戴均民 分享
DAY 16

DAY 16 擴充功能簡介 (Part 1)

DAY 16 擴充功能簡介 (Part 1) 接下來這幾天主要是來介紹 VS Code 一個必定要會的事情:擴充功能的安裝、解除安裝與管理。先來說說為什麼會有擴...

2019-10-01 ‧ 由 戴均民 分享
DAY 17

DAY 17 擴充功能簡介 (Part 2)

DAY 17 擴充功能簡介 (Part 2) 在前一天的文章中我已經教你如何管理擴充功能了,今天就是要來教你要怎麼找到擴充功能進行安裝。 排序依據 當你有想找的...

2019-10-02 ‧ 由 戴均民 分享
DAY 18

DAY 18 HTML 神器 - Emmet (Part 1)

DAY 18 HTML 神器 - Emmet (Part 1) 在我以前使用 Sublime Text 的時代,有在寫網頁的人必裝的擴充功能就是 Emmet 的...

2019-10-03 ‧ 由 戴均民 分享
DAY 19

DAY 19 HTML 神器 - Emmet (Part 2)

DAY 19 HTML 神器 - Emmet (Part 2) 昨天我們已經學會了如何啟用 Emmet 及產生 HTML 的基礎程式碼,今天我們會接續著昨天的內...

2019-10-04 ‧ 由 戴均民 分享
DAY 20

DAY 20 HTML 神器 - Emmet (Part 3)

DAY 20 HTML 神器 - Emmet (Part 3) 加上 id、class 與屬性 Emmet 支援使用 css selector 來讓快速幫你打上...

2019-10-05 ‧ 由 戴均民 分享