iT邦幫忙

鐵人檔案

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

這次我們不跳過 IDE 系列

不論是學習程式語言,亦或是開發程式,IDE 絕對是工程師們的最佳工具。因此,我想藉由鐵人賽,好好瞭解 IDE 的相關設定,找尋好用的插件,讓自己更了解如何使用 IDE。
IDE 的選擇,以 VSCode 為主。

鐵人鍊成 | 共 30 篇文章 | 116 人訂閱 訂閱系列文 RSS系列文 團隊Wow Doge!
DAY 11

Day 11: 總是被忽視的功能:debugging(一)

前言 基本上,仔細觀察活動列上的圖示,由上而下分別是: 檔案總管 全域搜尋 版本控制 偵錯 Extension 除了偵錯(Debugging)之外的其餘...

DAY 12

Day 12: 總是被忽視的功能:debugging(二)

前言 接續討論 debugging,今天來分析 launch.json 的組成。 預設結構 首先,來看看啟動偵錯模式後,vs code 預設的 launch.j...

DAY 13

Day 13: 試著自動化處理 tasks

前言 程式開發的過程中,或多或少會有處理下列需求的經驗: compiler TypeScript -> JavaScript SASS/SCSS -&...

DAY 14

Day 14: 適合 Tasks 的 extension

前言 經過一天的思索,純粹靠自己手刻來執行 task 這件事,不論是何種程度的工程師而言,都是一件麻煩事。 當「麻煩」這兩字湧現在心頭時,該做的只有一件事:打開...

DAY 15

Day 15: 使用 VS Code 來開發 HTML

前言 不知不覺鐵人賽已經進行到一半,前半段的目標是介紹 VS Code 的功能,讓各種類型的開發者,都能簡單學習、使用。記得在 Day 01: 緣由、大綱 中提...

DAY 16

Day 16: 使用 VS Code 來開發 CSS、Sass、LESS

前言 延續昨天的主題,今天將介紹第二篇語言的應用,那當然要找 HTML 的好夥伴囉:CSS。 IntelliSense 是的,基本上使用 VS Code 開發任...

DAY 17

Day 17: 使用 VS Code 來開發 JavaScript

前言 延續前兩天的主題,今天將介紹第三篇語言的應用,目前在 Web 開發中大殺四方的王者: JavaScript。 基礎應用 IntelliSense 請容我再...

DAY 18

Day 18: 使用 VS Code 來開發 TypeScript

前言 讓我們延續前幾天的主題,今天將介紹第四篇語言的應用,覺得 JavaScript 過於隨意,在開發大型 APP 時遇到不少坑,因此需要更多的規範來約束 Ja...

DAY 19

Day 19: 使用 VS Code 來開發 前端框架

前言 延續前兩天的主題,接著來介紹 JavaScript/TypeScript 的應用場合:前端框架。提到前端框架,會直覺地想到三巨頭: Angular Re...

DAY 20

Day 20: 使用 VS Code 來開發 Markdown

前言 一連好幾天撰寫使用 VS Code 開發前端三劍客,是時候脫離一下前端的世界,來點輕鬆的內容吧! 身為一位工程師,一定會接觸 Markdown(如果沒有接...