
0人評分過此書
Visual Studio Code實用指南:官方文件沒有詳述的Extension觀念、命令組合技與鍵位客製化技巧
整合官方文件、Vim等套件、鍵位客製化與命令組合技巧,打造舒適易用的編輯器操作環境!
★介紹 VS Code 與 Extension 的重要觀念及原理與應用
★認識 Vim 的思維與應用、鍵位設計與盲打,建立良好操作習慣
★整合 Vim、VSpaceCode(Spacemacs)等套件的客製化指南
★使用並開發 Extension 以處理客製化需求
【內容簡介】
本書內容改編自第 12 屆 iT 邦幫忙鐵人賽 Software Development 組冠軍系列文章──《自己用的工具自己做!30 天玩轉 VS Code Extension 之旅》。VS Code 是可擴充性極佳的程式碼編輯器,但實務上我們常常會結合 Extension 擴充功能。在整合 Vim 等眾多 Extension 與客製化原則方面,並沒有詳細的指南與教學。本書旨在引導讀者從編輯器使用、操作鍵盤姿勢到 Vim 等擴充套件的整合與客製化。幫助讀者建立正確觀念與方向,最後使用鍵位配置與 Extension 等方式讓工具更容易使用,引發讀者改善手上現有工具與開發或貢獻開源 Extension 專案的熱情和興趣!
內容涵蓋介面概覽及設定、VS Code 命令操作、Vim 的思想與 Extension 教學、並詳述相關的自定義技巧與原理、設定問題的解決方式、Windows 與 Mac 雙平台上的鍵位配置與符合人體工學的設計原則,最後提供讓現有工具更方便與有效率的 Extension 開發教學。
【內容重點】
☑ 帶你認識 VS Code 與 Extension 重要觀念原理
本書統整 VS Code 的命令使用方式、自定義技巧、操作 Extension 的重點概念,讓你的編輯器成為更順暢、更高效率的工作環境!
☑ 介紹 Vim 的使用,建立良好的編輯器操作習慣
介紹 Vim 的哲學與思想、鍵盤的使用、鍵位分配與盲打等重要但常被忽略的觀念,建立良好的編輯器操作習慣。
☑ 符合人體工學的鍵位客製化指南,打造減輕雙手負擔的編輯器環境
整合 Vim、VSpaceCode(Spacemacs)等 Extension、VS Code 命令與符合人體工學的鍵位修改客製化技巧,打造功能豐富與減輕雙手負擔的編輯器環境!
☑ 示範 Extension 實務開發操作與概念
引導讀者觸碰 VS Code 與現有 Extension 在特定情境下的極限,介紹如何使用並開發 Extension 的新功能來解決相關問題。
【適合讀者】
✦VS Code、Vim 等編輯器的使用者
✦想學習進階開發技巧與觀念的資深工程師
✦拓展編輯器極限的 Extension 開發者
【專業推薦】
「對於初學者挺特別的一點是,作者少見地有討論更根本的鍵盤使用指法。對於老手而言,作者有帶到一些進階的 VS Code 使用、設定,甚至自製 Extension,推薦各位追求生產力的開發者一讀!」
──── 康家彬(Chia-Pin Kang) / 雲象科技 技術長
「作者從實用的角度,介紹了 VS Code 的觀念和技巧,也透過實際的例子,教導讀者如何實際開發 Extension,以高效率方式運用 VS Code,是資訊濃度非常高,非常實用的一本好書,很適合想要提升文字編輯及編碼效率的朋友閱讀!」
──── 陳正哲(Murphy Chen) / 聯發科技 系統軟體 處長、前雲象科技資深工程副總、《Murphy 的書房》部落格格主
「韋恩在本書中,詳細描述了自身第一手的開發經驗,對於想建立 VS Code 外掛套件、擴展 VS Code 功能的開發者來說是相當有價值的資訊,對 VS Code 有興趣的開發人員千萬別錯過本書。」
──── 董大偉 / 光岩資訊資深技術顧問、微軟最有價值專家、微軟技術社群區域總監
「作者提及了許多使用編輯器的痛點,並大方分享其解決之道。我認為這不單只是一本工具書,而是作者在實務中『持續改善』的結晶。它不僅打破我們對工具的迷思,更帶我們體驗 VS Code 客製化的威力,誠心推薦給每一位愛好 VS Code 或 Vim 的使用者閱讀!」
──── 劉書傳(Roberson Liou) / 微軟最有價值專家、《工程良田的小球場》部落格格主
★介紹 VS Code 與 Extension 的重要觀念及原理與應用
★認識 Vim 的思維與應用、鍵位設計與盲打,建立良好操作習慣
★整合 Vim、VSpaceCode(Spacemacs)等套件的客製化指南
★使用並開發 Extension 以處理客製化需求
【內容簡介】
本書內容改編自第 12 屆 iT 邦幫忙鐵人賽 Software Development 組冠軍系列文章──《自己用的工具自己做!30 天玩轉 VS Code Extension 之旅》。VS Code 是可擴充性極佳的程式碼編輯器,但實務上我們常常會結合 Extension 擴充功能。在整合 Vim 等眾多 Extension 與客製化原則方面,並沒有詳細的指南與教學。本書旨在引導讀者從編輯器使用、操作鍵盤姿勢到 Vim 等擴充套件的整合與客製化。幫助讀者建立正確觀念與方向,最後使用鍵位配置與 Extension 等方式讓工具更容易使用,引發讀者改善手上現有工具與開發或貢獻開源 Extension 專案的熱情和興趣!
內容涵蓋介面概覽及設定、VS Code 命令操作、Vim 的思想與 Extension 教學、並詳述相關的自定義技巧與原理、設定問題的解決方式、Windows 與 Mac 雙平台上的鍵位配置與符合人體工學的設計原則,最後提供讓現有工具更方便與有效率的 Extension 開發教學。
【內容重點】
☑ 帶你認識 VS Code 與 Extension 重要觀念原理
本書統整 VS Code 的命令使用方式、自定義技巧、操作 Extension 的重點概念,讓你的編輯器成為更順暢、更高效率的工作環境!
☑ 介紹 Vim 的使用,建立良好的編輯器操作習慣
介紹 Vim 的哲學與思想、鍵盤的使用、鍵位分配與盲打等重要但常被忽略的觀念,建立良好的編輯器操作習慣。
☑ 符合人體工學的鍵位客製化指南,打造減輕雙手負擔的編輯器環境
整合 Vim、VSpaceCode(Spacemacs)等 Extension、VS Code 命令與符合人體工學的鍵位修改客製化技巧,打造功能豐富與減輕雙手負擔的編輯器環境!
☑ 示範 Extension 實務開發操作與概念
引導讀者觸碰 VS Code 與現有 Extension 在特定情境下的極限,介紹如何使用並開發 Extension 的新功能來解決相關問題。
【適合讀者】
✦VS Code、Vim 等編輯器的使用者
✦想學習進階開發技巧與觀念的資深工程師
✦拓展編輯器極限的 Extension 開發者
【專業推薦】
「對於初學者挺特別的一點是,作者少見地有討論更根本的鍵盤使用指法。對於老手而言,作者有帶到一些進階的 VS Code 使用、設定,甚至自製 Extension,推薦各位追求生產力的開發者一讀!」
──── 康家彬(Chia-Pin Kang) / 雲象科技 技術長
「作者從實用的角度,介紹了 VS Code 的觀念和技巧,也透過實際的例子,教導讀者如何實際開發 Extension,以高效率方式運用 VS Code,是資訊濃度非常高,非常實用的一本好書,很適合想要提升文字編輯及編碼效率的朋友閱讀!」
──── 陳正哲(Murphy Chen) / 聯發科技 系統軟體 處長、前雲象科技資深工程副總、《Murphy 的書房》部落格格主
「韋恩在本書中,詳細描述了自身第一手的開發經驗,對於想建立 VS Code 外掛套件、擴展 VS Code 功能的開發者來說是相當有價值的資訊,對 VS Code 有興趣的開發人員千萬別錯過本書。」
──── 董大偉 / 光岩資訊資深技術顧問、微軟最有價值專家、微軟技術社群區域總監
「作者提及了許多使用編輯器的痛點,並大方分享其解決之道。我認為這不單只是一本工具書,而是作者在實務中『持續改善』的結晶。它不僅打破我們對工具的迷思,更帶我們體驗 VS Code 客製化的威力,誠心推薦給每一位愛好 VS Code 或 Vim 的使用者閱讀!」
──── 劉書傳(Roberson Liou) / 微軟最有價值專家、《工程良田的小球場》部落格格主
- 推薦序一
- 推薦序二
- 推薦序三
- 推薦序四
- 前言
-
CHAPTER 01 Visual Studio Code概覽
-
1.1 VS Code介面基本佈局
-
1.1.1 Zen Mode
-
-
1.2 VS Code 設定(Settings)概覽
-
1.2.1 Settings 設定介面介紹
-
-
1.3 VS Code 命令概覽
-
1.3.1 檢視所有VS Code已被註冊的命令
-
1.3.2 快捷鍵設定規則(Keybinding Rules)
-
-
1.4 本章小結
-
-
CHAPTER 02 透過實作了解VS Code Extension
-
2.1 動手建立第一個VS Code Extension
-
2.1.1 開發環境配置
-
2.1.2 使用yo快速產生第一個Extension專案
-
2.1.3 Extension專案的重點相關檔案介紹
-
2.1.4 Extension專案程式簡介
-
2.1.5 執行Extension專案應用程式
-
-
2.2 動手練習Command API
-
2.2.1 環境準備
-
2.2.2 Command API簡介
-
2.2.3 範例配置
-
2.2.4 執行專案範例程式
-
-
2.3 本章小結
-
-
CHAPTER 03 來點Combo吧!VS Code的Task命令組合技
-
3.1 動手設定Task
-
3.2 Task常用設定簡介
-
3.3 使用快捷鍵執行特定Task
-
3.4 在Task中指定特定參數至VS Code命令
-
3.5 透過Task綁定多個命令至一個快捷鍵
-
3.6 本章小結
-
3.7 參考資源
-
-
CHAPTER 04 VS Code裡的Vim:使用鍵盤的姿勢與觀念
-
4.1 Vi與Vim簡介
-
4.2 為什麼使用VSCodeVim(Vim的Emulator)
-
4.3 盲打與使用鍵盤的正確姿勢
-
4.3.1 建立正確的打字姿勢與觀念
-
4.3.2 鍵位手指的分工與移動原則
-
4.3.3 本節小結
-
-
4.4 Vim模式與狀態列
-
4.4.1 Vim的模式轉換
-
-
4.5 本章小結
-
-
CHAPTER 05 VSCodeVim:優雅地使用編輯器
-
5.1 Vim的哲學與解決問題之道
-
5.1.1 先閱讀,再寫作
-
5.1.2 用組合命令解決問題
-
5.1.3 用更少的動作完成任務
-
5.1.4 避免重複,發掘可重用的命令
-
-
5.2 普通模式(Normal Mode)與游標移動
-
5.2.1 基本的游標移動
-
5.2.2 基於文字的游標移動
-
5.2.3 各種情境的游標移動
-
5.2.4 操作游標下的內容
-
-
5.3 必要知識:Vim的暫存器與Yank命令
-
5.3.1 暫存器的種類
-
5.3.2 操作並查看暫存器狀態
-
5.3.3 將操作後的內容放入指定暫存器
-
-
5.4 插入模式(Insert Mode)
-
5.4.1 進入插入模式
-
5.4.2 離開插入模式
-
5.4.3 使用Ctrl修飾鍵來組合快捷鍵
-
5.4.4 插入暫存器裡的內容
-
5.4.5 在插入模式中使用普通模式命令
-
-
5.5 可視模式/命令列模式/可視列模式(Visual Line Mode)
-
5.5.1 選取字串裡的文字
-
5.5.2 用組合命令進行有效率的選取
-
5.5.3 可視列模式與普通模式命令的組合技
-
-
5.6 本章小結
-
-
CHAPTER 06 VSCodeVim:高度可配置的設定
-
6.1 VSCodeVim的快捷鍵配置
-
6.2 認識修飾鍵、Key Notation與Leader鍵
-
6.3 在keybindings.json中設定跟Vim相關的快捷鍵
-
6.4 使用符合人體工學的快捷鍵配置
-
6.4.1 $與^命令
-
6.4.2 { }命令
-
-
6.5 官方文件未詳述的實用技巧:使用VS Code的方式綁定各模式下的Vim命令
-
6.6 Debug自訂的VSCodeVim快捷鍵
-
-
CHAPTER 07 有沒有更好的方法呢?跳出VS Code的框架思考
-
7.1 重新審視手上鍵盤佈局
-
7.2 鍵位交換——讓Control鍵更容易使用
-
7.2.1 macOS上的鍵位對應
-
7.2.2 Windows上的鍵位對應
-
7.2.3 將右側的修飾鍵綁定J、K方向鍵
-
-
7.3 更方便的Shift鍵——Space and Shift
-
7.3.1 重新思考日常的組合鍵
-
7.3.2 使用空白鍵執行Shift的組合命令
-
7.3.3 讓空白鍵可以更自然點擊產生
-
-
7.4 根據輸入法與應用程式切換快捷鍵
-
7.4.1 離不開空白鍵的中文輸入法
-
7.4.2 針對不同應用程式設計快捷鍵
-
7.4.3 幫VS Code的Esc設計一個Ctrl+Q快捷鍵
-
-
7.5 本章小結
-
-
CHAPTER 08 在檔案跟程式碼之間快速導航
-
8.1 單一檔案內的導航
-
8.1.1 善用Vim命令取代滑鼠與滾輪
-
8.1.2 善用搜尋命令移動游標
-
8.1.3 善用VS Code的Go to symbol命令移動游標
-
-
8.2 檔案間的切換、移動
-
8.2.1 移動到附近檔案標籤
-
8.2.2 快速移動到專案內未開啟的檔案
-
8.2.3 快速移動到開啟檔案同一目錄下的不同檔案
-
-
8.3 不同分割視窗間的移動
-
8.3.1 在不同的編輯器群組(Editor Group)間移動
-
8.3.2 比較兩個檔案的差異
-
-
8.4 其它好用的檔案跳轉功能跟命令
-
8.4.1 普通模式好用的檔案跳轉功能跟相關命令
-
8.4.2 透過Jump List與相關命令跳轉回上一個位置
-
8.4.3 透過Change List與相關命令跳轉回上一個修改文件的位置
-
8.4.4 使用VS Code內建的功能跳轉至上一個位置
-
8.4.5 在多個VS Code視窗之間切換
-
-
8.5 本章小結
-
-
CHAPTER 09 融會貫通,整合處理各種情境的工具
-
9.1 Im-Select:解決輸入法切換的問題
-
9.1.1 透過Im-Select切換輸入法
-
9.1.2 VSCodeVim裡的輸入法切換相關設定
-
-
9.2 Easy Motion——快速導航游標至目標
-
9.3 Multi Command——使用組合命令執行各種命令組合技
-
9.3.1 一次執行兩個以上命令
-
9.3.2 為一組命令指定特定命令名稱
-
-
9.4 整合Extension時可能遇到的衝突與解決方向
-
9.4.1 案例一:整合Surround With套件與VSCodeVim
-
9.4.2 案例二:VS Code HackerTyper——使用Type命令的Extension,難以與VSCodeVim整合
-
-
-
CHAPTER 10 像Vim高手一樣寫自己的腳本,建立自己的VSCE-Script專案
-
10.1 建立自己的VS Code Extension專案
-
10.2 操控VS Code執行自動化的任務
-
10.2.1 設計invokeCommands工具函數
-
10.2.2 活用partial function減少樣板程式碼
-
10.2.3 設計typeCommands與runMacro函數
-
10.2.4 設計可以執行shell命令的execShell函數
-
10.2.5 設計函數方法簡化registerCommand行為
-
-
10.3 案例一:讓括號跟大括號輸入更友善的命令
-
10.3.1 輸入大括號並展開
-
10.3.2 補全前面的括號或空格
-
-
10.4 案例二:讓Surround With在多行選取的狀況也可以順利運作
-
10.4.1 實作switchToInsertModeSelection函數
-
10.4.2 組合Surround With命令
-
-
10.5 案例三:回復可視模式下yank過後的游標位置
-
10.6 使用VSIX打包Extension專案
-
10.7 本章小結
-
-
CHAPTER 11 開發Extension,實現以往無法更順手的操作
-
11.1 你問我答,Extension與使用者的互動流程
-
11.1.1 使用者流程與情境說明
-
11.1.2 練習:打造VS Code裡的Git使用者互動流程
-
-
11.2 掌握VS Code API的命名空間與結構
-
11.2.1 window命名空間API概覽
-
11.2.2 Window命名空間底下的API分類
-
-
11.3 更順手的Extension命令,客製化命令的Quick Pick選單
-
11.4 使用過動態的Vim Macro嗎?讓Macro可以根據使用者輸入改變執行的行為
-
11.4.1 建立通用的Macro
-
11.4.2 設計可重複使用,並能根據使用者輸入改變執行行為的Macro
-
-
11.5 本章小結
-
-
APPENDIX 附錄A
-
A.1 適用於現代鍵盤的鍵位修改方法
-
A.1.1 《Practical Vim》推薦的方法
-
A.1.2 適用於現代鍵盤的修改要點(適用於短空白鍵的鍵盤)
-
A.1.3 適用於現代鍵盤的修改要點(適用於長空白鍵的鍵盤)
-
-
A.2 macOS上的鍵位
-
A.2.1 Karabiner Elements
-
A.2.2 建立專用的鍵位Prole
-
A.2.3 在simple_modifications頁面對應鍵位
-
A.2.4 使用complex_modifications設定檔自訂快捷鍵
-
A.2.5 撰寫complex_modifications設定檔自訂快捷鍵
-
A.2.6 根據輸入法、應用程式切換快捷鍵
-
A.2.7 累積經驗,設計更好用的個人組合鍵
-
A.2.8 自定義狀態,設計像Caps Lock一樣有狀態的組合鍵
-
-
A.3 AutoHotkey與Windows上的鍵位設計
-
A.3.1 AutoHotkey介紹
-
A.3.2 AutoHotkey的安裝
-
A.3.3 AutoHotkey腳本的撰寫與防呆機制
-
A.3.4 腳本的編譯與執行
-
A.3.5 改變預設Caps Lock的行為
-
A.3.6 重新對應Ctrl與Alt鍵位
-
A.3.7 使用快捷鍵觸發方向鍵,並避免和VS Code衝突
-
A.3.8 根據輸入法決定是否啟用快捷鍵
-
A.3.9 設計組合鍵,並避免觸發既有作業系統的快捷鍵
-
A.3.10 根據應用程式切換快捷鍵
-
A.3.11 將設定檔模組化
-
-
A.4 善用Caps Lock,設計適用於長空白鍵鍵盤的改鍵方法
-
A.4.1 macOS中的鍵位設計
-
A.4.2 Windows中的鍵位設計
-
-
A.5 使用Spacemacs的方式操作VS Code與Extension
-
A.5.1 透過Which Key選單執行VS Code內建命令
-
A.5.2 組織Extension中的多個命令
-
-
-
APPENDIX 附錄B
-
B.1 Extension的Context Menu
-
B.1.1 Context Menu簡介
-
B.1.2 練習:使用Context Menu吧!
-
-
B.2 Extension的Workspace設定
-
-
APPENDIX 附錄C
-
C.1 管理安裝過的Extension,留意效能問題
-
C.2 更好管理的快捷鍵設定:使用Vimrc與Keyboard Shortcuts
-
- 出版地 : 臺灣
- 語言 : 繁體中文
評分與評論
請登入後再留言與評分