技術 在 Windows 10 上安裝 Visual Studio Code EP3

前言 寫程式，設定好 IDE，可以增加自己的效率，今天來紀錄一下安裝 Visual Studio Code (又稱 VSCode)，設定 C++ 的程式設計環境...

技術 在 Windows 10 上安裝 Visual Studio Code EP2

前言 寫程式，設定好 IDE，可以增加自己的效率，今天來紀錄一下安裝 Visual Studio Code (又稱 VSCode)，設定 C++ 的程式設計環境...

技術 在 Windows 10 上安裝 Visual Studio Code EP1

前言 寫程式，設定好 IDE，可以增加自己的效率，今天來紀錄一下安裝 Visual Studio Code (又稱 VSCode)，設定 C++ 的程式設計環境...

技術 使用Visual studio code (vscode) 一鍵執行編譯C++ compiler 超簡單

**1.安裝Visual Studio code **有安裝的可跳過這一步官網連結: http://code.visualstudio.com/2.安裝vsco...

技術 Day36 | WebView Snippets管理頁面設計與開發

哈囉，大家好，我是韋恩。今天的文章是系列文的第三十六篇。我們會把完整snippet的元件與routing的部分設定好，份量會有點多。並會於下一篇系列文開始處理W...

缺乏咖啡因的韋恩 ‧ 2020-11-07

技術 Day35 | WebView元件開發 - Webpack打包工具整合地雷陷阱排除

大家好，今天繼續來開發元件，並動手解決實務上我們遇到的設定配置的問題。在昨天的練習裡，我們可以使用babal-plugin-import按需載入使用到的第三方U...

缺乏咖啡因的韋恩 ‧ 2020-11-02

技術 【影片】Windows 搜尋框輸入命令快速開啟 VSCode (code.cmd.)

技術 Day34 | WebView元件開發 - 使用Ant Design Mobile UI Library

哈囉大家好，今天我們又重啟了extension的開發，話說最近真忙啊，不過就算再忙專案也會進行下去開發完成的。 配置UI Library相關環境 今天開始，我...

缺乏咖啡因的韋恩 ‧ 2020-11-01

技術 Day32 | 在WebView裡使用Router的問題與解法！

大家好，今天是第三十二天，也是賽程結束後的第二天。 昨天介紹了我們會在Webview裡使用的套件，今天會介紹一下在webview裡使用router時實際遇到的問...

缺乏咖啡因的韋恩 ‧ 2020-10-17

技術 Day30 | 30天系列回顧 Ｘ賽程後規劃

好啦，今天是第三十天了，今天會分享下賽程心得，並回顧一下前面系列文，最後是三十天後的規劃！ 參賽動機＆回顧 這次參加鐵人賽，主要有幾個目標： 透過鐵人賽的...

缺乏咖啡因的韋恩 ‧ 2020-10-15

技術 [Day29] VSCode Plugin - Other

來到 VSCode Plugin 介紹的最後一天，想整理一些雖然跟開發沒直接相關，但是能幫助提升生產力，或是能適當幫助自己休息的工具。 TODO Highlig...

Yuri Tsai ‧ 2020-10-14

技術 Day29 | 使用extension動態產生snippet提示吧!

大家好，我是韋恩，今天是鐵人賽的第二十九天，今天我們會來練習language命名空間下的api，使用它幫使用者產生snippet。 CompletionItem...

缺乏咖啡因的韋恩 ‧ 2020-10-14

技術 Day28 | 獲取安裝的extension進行操作

大家好，我是韋恩，今天是第二十八天，讓我們會練習獲取extension的api，為專案的重點功能做準備！ Extension API簡介 在vscode的a...

缺乏咖啡因的韋恩 ‧ 2020-10-13

技術 [Day28] VSCode Plugin - Debug Visualizer

Github 連結 VSCode Marketplace Playground 推薦程度：⭐⭐⭐ 在 VSCode 除錯，除了可以進行基本的中斷...

Yuri Tsai ‧ 2020-10-13

技術 Day27 | 導入WebviewPanel

大家好，我是韋恩，今天是鐵人賽的二十六天，讓我們在專案的現有架構裡導入WebViewPanel元件吧！ CodeManager當前專案架構 在昨天，我們初步...

缺乏咖啡因的韋恩 ‧ 2020-10-12

技術 [Day27] VSCode Plugin - WakaTime

官網連結 VSCode Marketplace 推薦程度：⭐⭐⭐⭐⭐ 有在寫工作日誌或週誌，或是想了解自己到底花了多少開發時間的人，非常大力推薦使用...

Yuri Tsai ‧ 2020-10-12

技術 Day26 | 實現Extension內的MVVM架構

大家好，我是韋恩，今天是鐵人賽的二十六天，讓我們來設計extension中的MVVM架構吧！ MVVM軟體架構簡介與Extension中的實作 在軟體設計中...

缺乏咖啡因的韋恩 ‧ 2020-10-11

技術 Day25 | Extension事件與資料處理

大家好，我是韋恩，今天是鐵人賽的二十五天，讓我們來設計extension的事件與資料流處理吧！ Day25專案實作: 設計Extension中的事件與資料流...

缺乏咖啡因的韋恩 ‧ 2020-10-10

技術 [Day25] VSCode Plugin - TabNine

從今天開始到第 29 天，我將會整理 VSCode 的一些 Plugin 介紹。今天要看的是，想靠機器學習一統 Snippet 世界的 TabNine。...

Yuri Tsai ‧ 2020-10-10

技術 Day24 | 開發Snippet用的元件(二)

大家好，我是韋恩，今天是鐵人賽的二十四天，我們將繼續元件的新增功能，並會檢視下目前的元件設計與架構！ Day24專案實作: 元件開發與架構調整 在先前的樹狀元...

缺乏咖啡因的韋恩 ‧ 2020-10-09

技術 Day23 | 開發Snippet用的元件(一)

大家好，我是韋恩，今天是鐵人賽的二十三天，讓我們來幫專案實現創建樹狀元件並讀取工作區程式碼片段的功能吧！ Day23專案實作: 開發使用者的snippet樹狀元...

缺乏咖啡因的韋恩 ‧ 2020-10-08

技術 Day22 | 創建使用者的Snippet工作區

大家好，我是韋恩，今天是鐵人賽的二十二天，讓我們來幫專案實現創建工作區的功能吧！ Day22專案實作: 創建使用者的snippet工作區 在前天的練習，我們c...

缺乏咖啡因的韋恩 ‧ 2020-10-07

技術 【Day 22】如何使用 VS Code 內建工具做簡單的版本控制

Day18 ~ Day21 是教大家如何使用 SourceTree 做版本控制。在工作上，因為公司只有三個人，其中只有筆者一個人在使用版本控制，後來都習慣使用...

GG ‧ 2020-10-07 ‧團隊想吃薑母鴨

技術 Day21 | 把選取的程式碼轉換為snippet物件吧！

大家好，我是韋恩，今天是鐵人賽的二十一天，讓我們來幫專案實現將選中的程式碼加入snippet的功能吧！ Day21專案實作(一): 獲取選中的程式碼 在vsc...

缺乏咖啡因的韋恩 ‧ 2020-10-06

技術 Day20 | 初始專案與元件配置

大家好，今天是第二十天，讓我們開始配置專案與基本元件吧! 今天我們會先配置樹狀元件，配合明天的功能實作做準備。 CodeManager專案實戰 環境準備...

缺乏咖啡因的韋恩 ‧ 2020-10-05

技術 Day19 | 專案實戰：CodeManager介紹

大家好，今天是第十九天。我們將開始實作一個用滿足現實生活需求的擴充套件，今天會先了解專案必備的功能與需求，以及一些相關背景。 專案緣起 這次鐵人賽我們將做的專...

缺乏咖啡因的韋恩 ‧ 2020-10-04

技術 Day18 | WebView API (四)

大家好，我是韋恩，今天是第十八天，我們會繼續了解如何組織Webview，並進一步整合當前流行的SPA前端框架。 設計CustomWebPanel物件 在前面的...

缺乏咖啡因的韋恩 ‧ 2020-10-03

技術 Day17 | WebView API (三)

大家好，我是韋恩，今天是第十七天，我們會繼續了解如何在VSCode使用Webview。 今天，我們會來學習如何載入本地資源與Javascript，這些教學是幫助...

缺乏咖啡因的韋恩 ‧ 2020-10-02

技術 Day16 | WebView API (二)

大家好，我是韋恩，今天是第十六天，我們會繼續了解如何在VSCode使用Webview與一些相關API原理。 在WebView裡使用Javascript 在昨天...

缺乏咖啡因的韋恩 ‧ 2020-10-01

技術 Day15 | Webview API (一)

大家好，我是韋恩，今天是第十五天，我們將開始了解如何在VSCode使用Webview。 Webview元件概覽 在VSCode提供的元件裡面，Webview是...

缺乏咖啡因的韋恩 ‧ 2020-09-30