技術 DAY 18 HTML 神器 - Emmet (Part 1)

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

戴均民 ‧ 2019-10-03

技術 17 - Visual Studio Code - 代碼編輯器與它的插件

一般功能豐富的 IDE ，都會針對它所支援的語言提供許多強大的輔助功能，例如 PyCharm ，但它們所需的容量與資源會較單純的編輯器大上許多，並且因為只支援特...

Peter Chen ‧ 2021-10-03 ‧團隊Game Masters

技術 [蛻變事實／D02] 設計師勇闖前端城－（必備工具1：編輯器）

在網頁設計開發的歲月裡，我共用了以下幾項編輯器（舊－新） Dreamweaver 資深者最懂 XD ，雖然沒有再用它，但它的影像地圖功能還是無人能敵，還是好用丫...

凱特麻麻桑 ‧ 2018-10-17

技術 Day04-架設開發環境

安裝 Go 先到 Go 官網的下載頁面 下載適合自己的版本，目前最新的版本是 1.11.1（好多個 1 @@），支援的系統有 Windows、MacOS 跟 L...

盧承億 Larry Lu ‧ 2018-10-19

技術 【Day2】VsCode相關套件安裝及建立React專案和React的小小介紹!!

上一篇有提到說，這次使用的IDE是超級好用的VsCode，相信各位看官們也都下載好了 安裝完畢，打開後會長這樣 ↓ 紅色的圈圈點下去就是可以下載套件的地方了...

Ivy ‧ 2021-09-02

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

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

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

技術 16 - EditorConfig - 配置輸入方式

不同的編輯器預設的輸入方式都不盡相同，因此同個專案的同個檔案使用不同的編輯器修改，可能會因為輸入的格式不同，而使整體的格式不一致，造成閱讀與管理上的困難。 一般...

Peter Chen ‧ 2021-10-02 ‧團隊Game Masters

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

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

技術 26 - MarkdownLint - Lint Markdown 文件

Markdown 格式不需要編輯器添加任何的支援就可以撰寫，利用簡單的語法就可以定義各種樣式，是現今在寫技術文件時的主流文件格式。 但是自由的寫作方式卻十分容易...

Peter Chen ‧ 2021-10-12 ‧團隊Game Masters

技術 Day16 | WebView API (二)

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

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

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

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

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

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

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

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

技術 DAY 25 整合式終端機 (Part 3)

DAY 25 整合式終端機 (Part 3) 終端機快捷鍵 「檢視：切換整合式終端機」指令預設綁定到快捷鍵 讓你可以快速切換顯示整合式終端機。 底下是在整合式...

戴均民 ‧ 2019-10-10

技術 [Day 02] 建立開發環境，做好行前準備

老套說：「工欲善其事，必先利其器」— 要寫網頁，就不能沒有好用的開發環境。在開始認識各種前端技能之前，最重要的就是要先知道該在哪裡運行 Code ，就讓我們來看...

May ‧ 2021-09-15

技術 [Day28] VSCode Plugin - Debug Visualizer

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

Yuri Tsai ‧ 2020-10-13

技術 Day34 - 沒時間解釋了~~ 趕快上車更新 VS Code 啦~~(CVE-2022-41034)

VS Code 出現一個 RCE 漏洞~~~ 我覺得要趕快更新的原因如下 : 影響範圍大 : v1.4.0 - v1.71.1 觸發門檻低 : 檔案類型...

aeifkz ‧ 2022-12-02 ‧團隊那團名要叫什麼？

技術 學習Vim、VSCodeVim的歷程＆寫書探索的一些經歷

學習Vim、VSCodeVim的歷程＆寫書探索的一些經歷 [系列文目錄] 相信不少人最早接觸Vim，都是因為使用Git的時候出現Merge Conflict會...

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

技術 在 DevContainer 中運行 Stable Diffusion 模型

前言 自從看過保哥的教學使用 VSCode 的 Remote Container 打造 Java 開發環境後，就很想把各種東西都丟進容器中，最近 Stable...

技術 Day13 | 打造VSCode上的TreeView樹狀選單 (二) - DataProvider的原理與相關觀念 X List的增刪改查

大家好，我是韋恩，今天是第十二天，今天我們會介紹DataProvider的原理與相關觀念，並實際練習新增、修改與刪除TreeDataProvider的樹狀選單上...

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

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

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

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

技術 Javascript 進階 10-2 樣板字面值技巧：VSCode 搭配 Emmet 撰寫 HTML 結構

很多有開發經驗的人應該都很需要 Emmet 的幫忙，來快速生產想要且重複性高的 html 結構。 而在 VS Code 的開發編輯器中， Emmet 是內建的功...

技術 讓你的程式更美好 - Service 概念

本系列文章已集結成冊與鐵人賽文章差異內容，有以下幾點： 更新至Laravel 8、基礎的PHP重點筆記、加強製作API流程細節、加入程式設計模式，優化、重構...

Victor ‧ 2019-10-04 ‧團隊IT成長團

技術 Day 2｜環境安裝 - Python、VS Code、Pandas

　　決定寫文章後，發現撰寫Pandas的環境有許多種，有人會用 Anaconda 搭配 Jupyter Notebook，有人直接使用 VS Code ，也有人...

Eva ‧ 2023-09-17

技術 24 - ESLint - Lint JavaScript 程式碼

使用程式語言實作功能時，一百個人寫就會有一百種不同的程式碼，雖然都可以正常運作，但有些寫法（例如全域變數）會使系統結構脆弱，容易造成錯誤。 為了避免這些錯誤，開...

Peter Chen ‧ 2021-10-10 ‧團隊Game Masters

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

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

技術 Day09 | Data Storage以及教學中沒有特別提及的小細節

哈囉，大家好，我是韋恩，今天我們來了解一下在vscode裡的data storage，今天介紹的內容也都非常實務。 VSCode的Data Storage簡介...

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

技術 在樹莓派中求生存

前言 最近突然心血來潮想玩玩樹莓派，但估計是全球晶片荒的緣故，竟是一片難求。於是翻出多年前在課堂上購買的迷你樹莓派，這顆樹莓派的型號為 Raspberry Pi...

技術 Day08 | 提供使用者Extension的設定選項吧

大家好，我是韋恩，今天是鐵人賽的第八天。 今天，我們來客製化提供給套件使用者的extension個人設定，這個功能在實務上非常有幫助。準備好了嗎？ Worksp...

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

技術 餐具擺盤 - 萬用白瓷 VS Code 與套裝工具組

Alex ‧ 2018-10-17 ‧團隊浪流連九程式匠自然產生的佛系碼農專區