達標好文 技術 [Editor] CodePen / VS Code 常用快速鍵

開發推薦使用 Visual Studio Code ；另外可以使用線上即時渲染結果的編輯器 Codepen，用於小練習 / 快速試調 / 快速分享： Code...

技術 [VS Code] 實用插件＆個人化設定

前一篇提到好的 Editor / IDE 能夠讓你開發過程更有效率，而 VS Code 琳瑯滿目的插件就像手機能夠安裝各式各樣的 APP 使得手機的功能（能做的...

技術 [VSCodeVim] Touch Typing 建立良好的鍵盤操作習慣

盲打(Touch Typing)建立良好的鍵盤操作習慣 [系列文目錄] 如果我們要使用編輯器進行有效率的開發，快捷鍵或Vim的相關命令可以很好的提昇我們的開發...

技術 [VSCodeVim] Vim的基本操作、模式與狀態列

Vim的基本操作、模式與狀態列 [系列文目錄] 在使用Vim之前，讓我們來認識一下Vim的模式（Mode）與各個模式之間的操作與轉換。 普通模式（Norma...

技術 [VSCodeVim] 官方文件沒有詳述的實用技巧：以virtualedit所解決的情境為例

(圖源:Tim Pope's twitter) [系列文目錄] 這篇文章會介紹一個VSCodeVim官方文件(v1.23.0以前)並沒有詳述到的實用技巧。 技巧...

技術 【D2】工具介紹

前言 在真正開始前，不免俗的需要介紹一下工作環境，讓大家可以順利地前進。因此在這邊會稍微介紹一下使用的工具、環境，以及簡單的建置未來的工作環境。 工具介紹 作...

技術 [Day31]：後記 - 環境調整 Part1 - ESLint

Vite環境最...咦!壞掉了... 環境什麼的果然還是最麻煩了! 哭阿!──────────────── By Opshell 目標：成功完成一個能用...

技術 [Day32]：後記 - 環境調整 Part2 - Prettier

Vite環境最...咦!壞掉了... 程式碼最重要的就是整整齊齊當然，我希望他可以自動自發──────────────── By Opshell 目標：...

技術 [VSCodeVim] Vim的思維、哲學與解決問題之道 (二)

Vim的思維、哲學與解決問題之道 (二) [系列文目錄] 上篇文章 我們提到了兩點使用Vim的重點原則： 先閱讀，再寫作。 用組合命令解決問題。 這篇文章...

技術 【D2】 初探 React

React 的超級簡介 React 網路上有很多介紹與教學，這邊就不做太多介紹。 React.js 是免費的開放原始碼前端 JavaScript 工具庫，是由...

技術 [VSCodeVim] Vim的思維、哲學與解決問題之道

Vim的思維、哲學與解決問題之道 [系列文目錄] 每種工具都有它的設計理念，在接觸Vim的前後，我們會接觸大量的相關知識。 有幾個觀念與原則能幫助我們貫穿各個...

技術 [VSCodeVim] 推薦的Vim、VSCodeVim的參考資源

推薦的Vim、VSCodeVim的參考資源 [系列文目錄] 這篇文章推薦幾個Vim與VSCodeVim相關的學習資源，文章內容取自上個月出版的書的Reposi...