iT邦幫忙

vscode相關文章
共有 252 則文章

技術 Day 17:【AI 輔助開發入門】GitHub Copilot / Gemini 整合:AI 幫你自動補全與生成程式碼

💡 前言 進入第四週 Week 4:AI 輔助開發與進階除錯,我們要來探索近年來徹底顛覆軟體工程界的神兵利器——AI 程式碼輔助工具。 過去寫程式遇到卡關時,我...

技術 Day 16:【GitHub 協作流程】Pull Request 機制的開立與 Code Review 流程

💡 前言 昨天我們學會在本地端透過 Git Branch 建立獨立沙盒環境,並順利化解了合併衝突。然而,在真實的團隊開發中,程式碼不能隨便就直接合併回主幹(ma...

技術 Day 15:【分支與合併】Git Branch 分支管理與解決 Merge Conflict 衝突

💡 前言 在團隊協同開發或進行大型功能重構時,如果所有人都在同一個主幹(main 或 master)上直接修改程式碼,一旦程式寫到一半崩潰或還沒完成,就會導致整...

技術 Day 14:【Git 忽略設定】`.gitignore` 檔案設定:排除 node_modules、環境變數與敏感檔案

💡 前言 昨天我們學會了如何在 VS Code 內進行基本的 Git 提交與推送。然而,在將專案推送到 GitHub 之前,你有沒有想過:像動輒幾百 MB 的...

技術 Day 13:【Git 版本控制入門】內建 Git 圖形介面操作與基本版控流程

💡 前言 進入第三週 Week 3:Git 版本控制與團隊協同,我們要來談談所有工程師都必須掌握的核心技能——Git 版本控制。 過去在沒有版控工具的年代,我們...

技術 Day 12:【重構與多重編輯】Rename Symbol、F2 批次重構與光標進階技巧

💡 前言 在軟體開發過程中,隨著需求變更與程式碼擴充,我們經常需要為變數、函式、類別甚至檔案重新命名。 過去如果手動用「尋找與取代」,常常會誤傷其他無關的同名變...

技術 Day 11:【自訂程式碼片段】Custom Snippets:打造專屬 Code 縮寫,一鍵生成常用模板

💡 前言 在前幾天的文章中,我們學習了透過 Emmet 快速生成 HTML 結構。但在實際開發中,我們更常需要重複撰寫各種程式碼模板——例如:React 元件骨...

技術 Day 10:【語法檢查與靜態分析】ESLint / Pylint 設定:自動修正錯誤與防呆機制

💡 前言 昨天我們學會了使用 Prettier 來處理程式碼的外觀美化,但光是字型整齊還不夠。在實際開發中,我們更需要防止潛在的邏輯漏洞或語法錯誤(例如:變數宣...

技術 Day 09:【程式碼格式化】Prettier 套件設定:存檔自動排版與規則調整

💡 前言 在團隊開發或個人專案中,程式碼排版不統一(例如:有人用 2 個空格縮排,有人用 4 個;有的地方加分號,有的地方不加)常常會導致程式碼閱讀困難,甚至在...

技術 Day 08:【Emmet 快速排版】前端開發必備!5 秒鐘用 HTML/CSS 語法生成大架構

💡 前言 在編寫 HTML 或 CSS 時,許多新手常花費大量時間手動輸入 <div class="container">&lt...

技術 Day 07:【快捷鍵入門】必學 10 個讓開發速度提升兩倍的基礎快捷鍵

💡 前言 第一週的最後一天,我們要來聊聊提升開發效率最立竿見影的關鍵——快捷鍵 (Keyboard Shortcuts)。 許多人在撰寫程式碼時,頻繁在鍵盤與滑...

技術 Day 06:【工作區設定】settings.json 詳解:全域設定 vs 工作區獨立設定

Day 06:【工作區設定】settings.json 詳解:全域設定 vs 工作區 (Workspace) 獨立設定 💡 前言 在前幾天的文章中,我們多次透過...

技術 Day 05:【版面配置】側邊欄、終端機、分頁靈活配置與 Zen Mode 專注模式

💡 前言 在前幾天完成主題、圖示與字型的設定後,今天我們要來打造一個乾淨、高效且不干擾思路的版面工作區 (Layout & Workspace)。 許多...

技術 Day 04:【字型與連字】設定開發專用字型與 Ligatures 連字效果

💡 前言 繼昨天套用質感主題與檔案圖示後,今天我們要來微調程式碼編輯器中最核心的要素——字型 (Font) 與 連字效果 (Font Ligatures)。 許...

技術 Day 03:【主題與圖示】精選 5 款超好看主題與 File Icons 設定

Day 03:【主題與圖示】精選 5 款超好看主題 (One Dark, Dracula) 與 File Icons 設定 💡 前言 工程師每天看著編輯器的時間...

技術 【Day 02】Vibe Coding 初體驗:環境搭建與 AI 酒館第一個酒吧 UI 畫面

一、 今日目標與簡介今天的目標是透過 Vibe Coding 的方式,讓 AI 自動幫忙建立 React + Vite + Tailwind CSS 專案,並產...

技術 【Day 01】用嘴巴寫出 AI 酒館:什麼是 Vibe Coding?專案目標與架構規劃

動機大家好!在接下來的 30 天裡,我將挑戰一個極具實驗性與趣味性的專案——《用嘴巴寫出 AI 酒館》。這個專案的核心理念很簡單:我希望打造一個能讓使用者透...

技術 Day 02:【安裝與設定檔 sync】VS Code 安裝、跨裝置 Settings Sync 雲端同步設定

💡 前言 工欲善其事,必先利其器。昨天我們確立了 30 天的學習地圖,今天我們就從最基礎卻也最關鍵的步驟開始:環境安裝與雲端同步設定。 許多人換了新電腦或在學校...

技術 為什麼 VS Code Test Explorer 與 dotnet test 跑出不同結果?

同一個 commit、同一份 .runsettings,terminal 全綠、VS Code 卻 32 個失敗。追到最後是 testhost 模式的本質差異...

技術 【C++學習筆記】01《從零學習C++,跟世界打招呼吧!》

嗨,大家好,我是 Kevin Lee,一位正在轉職軟體工程師的遊戲技術美術。我會在這裡記錄自己的程式學習筆記,方便日後複習,也分享給和我一樣非本科、想踏入程式世...

技術 筆記 - 安裝 VS code 以及開發 Spring boot 相關套件

安裝 VScode 程式開發工具 早期主要以Eclipse 作為開發Java程式的工具,並提供可以下載外掛(Plugin)的擴充功能,且每一季有規律的發布新版本...

我們與Maven的距離 系列 第 31 篇

技術 Day30 - Visual Studio Code Integration with Maven

前言 Visual Studio Code簡稱VS Code是目前AI工具整合相當完善的IDE,寫前端已是滿主流使用的IDE,若能使用它寫Java這樣全端工程師...

鐵人賽 Modern Web DAY 29

技術 Day29|IDE(從整合開發環境到程式開發)

VS Code Visual Studio Code 是目前最受歡迎的開發環境,免費、開源、輕巧、擴充性超高。 常用插件推薦 插件名稱 功能說明...

技術 🐞 ORA-00932 與 CLOB 比對的排錯經驗

續前一篇【Oracle 全欄位搜尋技巧:我如何查出 GUID 藏在哪張表裡?】 👉 https://ithelp.ithome.com.tw/articles/...

鐵人賽 AI & Data DAY 4

技術 【Day 4】環境建置與 Notion API 測試

在 Day 3,我們認識了 Notion API,知道它能夠存取 Pages、Databases 與 Blocks。今天,我們要進入實作 - 完成專案的基礎建置...

鐵人賽 生成式 AI DAY 3

技術 D-0x03 如何用 VSCode + Github Copilot 打造你的 vibe coding 試驗場

上一篇文章裡,我談到 vibe coding 並不是魔法,不會憑空出現,工具與環境依舊是關鍵。這篇,我想更實際一些,帶大家一起打造屬於自己的「試驗場」:VSCo...

鐵人賽 Software Development DAY 2

技術 Day 2 - 工欲善其事:搭建 Golang 開發與測試環境

昨日回顧與今日目標 在 Day 1,我們了解 TDD「紅燈-綠燈-重構」的核心思想,並建立起「TDD 是為了更快地交付高品質軟體」的正確心態。理論的種子已經播下...

技術 🔍Oracle 全欄位搜尋技巧:我如何查出 GUID 藏在哪張表裡?

🧱需求出現:查某個值到底存在哪一欄? 我有一筆 GUID:01FB0335-768E-4BCB-AB5B-35AA2DF7195A,想知道它是否出現在 Ora...

技術 Vscode 入門筆記 - 3 - 開發設定與擴充套件

🔹 如何調整 VSCode 設定 點選左下角齒輪 → Settings,可調整字型、主題、格式化等。 字體與行號:editor.fontSize: 建議...

技術 Vscode入門筆記 - 2 - 安裝 Vscode

🔹 在 Windows 安裝 VSCode 前往VSCode 官方網站下載 下載適用版本 雙擊執行安裝檔,點擊 Next 選擇安裝路徑(可使用預...