《Visual Studio Code 權威指南》是2020年電子工業出版社出版的圖書,作者是韓駿。
基本介紹
- 中文名:Visual Studio Code 權威指南
- 作者:韓駿
- 出版社:電子工業出版社
- 出版時間:2020年7月
- 頁數:520 頁
- 定價:99 元
- 開本:16 開
- ISBN:9787121389115
內容簡介,圖書目錄,
內容簡介
本書由淺入深地介紹了Visual Studio Code的各個方面,主要包括Visual Studio Code的核心組件、使用技巧、進階套用、外掛程式推薦、外掛程式開發、Visual Studio family的各個核心產品等。此外,本書還詳細介紹了如何使用Visual Studio Code進行各種程式語言的開發、前端開發、雲計算開發、物聯網開發和遠程開發。本書適合剛開始使用Visual Studio Code的讀者閱讀,也適合有一定Visual Studio Code使用經驗並且想更全面深入地了解Visual Studio Code的讀者閱讀。
圖書目錄
第1章 如何學習Visual Studio Code 1
1.1 學會搜尋 1
1.2 學會提問 2
1.3 學會學習 3
1.3.1 自己的思考 3
1.3.2 知其然知其所以然 3
1.3.3 舉一反三 4
第2章 Visual Studio Code簡介 5
2.1 Visual Studio Code概覽 5
2.1.1 跨平台 5
2.1.2 IntelliSense 5
2.1.3 代碼調試 6
2.1.4 內置的Git支持 6
2.2 Visual Studio Code簡史 6
2.3 Visual Studio Code的優勢 7
2.3.1 學習曲線 7
2.3.2 用戶體驗 8
2.3.3 性能 8
2.3.4 外掛程式 8
2.3.5 生態 9
2.4 Visual Studio Code開發團隊 9
2.5 Visual Studio Code是如何做開源的 10
2.5.1 代碼開源 10
2.5.2 Issues和Pull requests 11
2.5.3 開源的開發流程 11
2.5.4 開源的生態 11
第3章 核心組件 12
3.1 Electron 12
3.2 Monaco Editor 13
3.3 TypeScript 13
3.4 Language Server Protocol 15
3.5 Debug Adapter Protocol 16
3.6 Xterm.js 18
第4章 安裝與配置 20
4.1 概覽 20
4.1.1 硬體要求 20
4.1.2 平台支持 20
4.1.3 跨平台 21
4.1.4 更新頻率 21
4.1.5 附加組件 21
4.2 Linux 21
4.2.1 安裝 21
4.2.2 更新 23
4.2.3 把Visual Studio Code設定為默認編輯器 23
4.2.4 使用Windows系統進行Linux開發 24
4.3 macOS 24
4.3.1 安裝 24
4.3.2 從終端命令行啟動 24
4.3.3 觸控欄 25
4.3.4 首選項選單 25
4.4 Windows 25
4.4.1 安裝 25
4.4.2 從終端命令行啟動 25
4.4.3 用戶安裝與系統安裝 25
第5章 快速入門 27
5.1 Visual Studio Code Insiders 27
5.2 設定 27
5.2.1 兩種不同範圍的設定 28
5.2.2 兩種設定方法 28
5.2.3 設定編輯器 28
5.2.4 JSON設定檔案 30
5.2.5 語言的特定設定 31
5.2.6 設定與安全 33
5.2.7 常用的設定項 33
5.3 用戶界面 34
5.3.1 基本布局 34
5.3.2 命令面板 35
5.3.3 並排編輯 37
5.3.4 縮略圖 38
5.3.5 麵包屑導航 39
5.3.6 檔案資源管理器 40
5.3.7 禪模式 42
5.3.8 Tab(標籤頁) 42
5.3.9 視窗管理 43
5.4 編輯功能 44
5.4.1 多游標 44
5.4.2 列選擇 44
5.4.3 自動保存 44
5.4.4 熱退出 45
5.4.5 搜尋與替換 45
5.4.6 跨檔案搜尋 46
5.4.7 IntelliSense 47
5.4.8 代碼格式化 47
5.4.9 代碼摺疊 48
5.4.10 縮進 49
5.4.11 檔案編碼 49
5.5 主題 50
5.5.1 設定顏色主題 51
5.5.2 設定檔案圖示主題 52
5.5.3 外掛程式市場中的主題 53
5.6 快捷鍵 53
5.6.1 快捷鍵編輯器 53
5.6.2 快捷鍵大全 54
5.6.3 鍵盤映射外掛程式 55
5.6.4 解決快捷鍵衝突 56
5.6.5 查看默認的快捷鍵 56
5.6.6 查看更改的快捷鍵 57
5.6.7 高級配置 57
5.6.8 快捷鍵規則 58
5.6.9 有效的按鍵組合 58
5.6.10 常用的快捷鍵 59
5.7 集成終端 61
5.7.1 打開集成終端 61
5.7.2 管理多個終端 61
5.7.3 配置終端 62
5.7.4 終端的顯示樣式 63
5.7.5 終端的快捷鍵 63
5.7.6 運行選中的文本 64
5.7.7 重命名終端 65
5.7.8 設定終端的打開路徑 65
5.8 中文顯示 65
第6章 進階套用 67
6.1 命令行 67
6.1.1 命令行幫助 67
6.1.2 通過命令行啟動Visual Studio Code 68
6.1.3 命令行核心選項 68
6.1.4 打開檔案和資料夾 68
6.1.5 通過命令行管理外掛程式 69
6.1.6 命令行高級選項 69
6.2 IntelliSense 69
6.2.1 不同程式語言的IntelliSense 69
6.2.2 IntelliSense功能 70
6.2.3 自動補全的類型 71
6.2.4 自定義IntelliSense 71
6.3 代碼導航 73
6.3.1 檔案快速導航 73
6.3.2 麵包屑導航 73
6.3.3 代碼導航右鍵選單 76
6.3.4 跳轉到定義 76
6.3.5 跳轉到類型定義 77
6.3.6 查找所有引用 77
6.3.7 通過內聯編輯器查看定義和引用 78
6.3.8 引用信息 78
6.3.9 跳轉到實現 79
6.3.10 跳轉到檔案中的符號 79
6.3.11 跳轉到工作區中的符號 80
6.3.12 括弧匹配 80
6.3.13 錯誤與警告 80
6.4 玩轉Git 81
6.4.1 版本控制外掛程式 81
6.4.2 安裝Git 82
6.4.3 克隆Git倉庫 82
6.4.4 原始碼管理視圖 82
6.4.5 Git commit 82
6.4.6 Git diff 83
6.4.7 Git分支 84
6.4.8 Git狀態欄 85
6.4.9 Gutter提示 86
6.4.10 合併衝突 86
6.4.11 把Visual Studio Code作為Git編輯器 87
6.5 打造自己的主題 87
6.5.1 自定義工作檯的顏色主題 88
6.5.2 自定義編輯器的顏色主題 89
6.5.3 顏色主題配置大全 90
6.6 快速創建可復用的代碼片段 90
6.6.1 代碼片段外掛程式 90
6.6.2 使用代碼片段 91
6.6.3 創建自定義的代碼片段 92
6.6.4 代碼片段的生效範圍 93
6.6.5 代碼片段的語法 94
6.6.6 為代碼片段添加快捷鍵 96
6.7 Task,把重複的工作自動化 97
6.7.1 配置第一個Hello World的Task 97
6.7.2 配置一個更複雜的Task 99
6.7.3 Task自動檢測 100
6.7.4 自定義自動檢測的Task 102
6.7.5 問題匹配器 103
6.7.6 命令參數 103
6.7.7 輸出行為 104
6.7.8 運行行為 105
6.7.9 變數替換 105
6.7.10 命令面板 109
6.7.11 快捷鍵綁定 109
6.7.12 作業系統的相關屬性 110
6.7.13 後台運行的Task 110
6.8 Multi-root Workspaces 112
6.8.1 管理資料夾 112
6.8.2 工作區檔案 114
6.8.3 用戶界面 116
6.8.4 設定 117
6.8.5 原始碼管理 119
6.8.6 外掛程式推薦 119
6.9 調試與運行 120
6.9.1 調試器外掛程式 120
6.9.2 調試與運行視圖 121
6.9.3 調試與運行選單 121
6.9.4 調試模式與運行模式 122
6.9.5 launch.json調試配置 122
6.9.6 launch.json屬性 123
6.9.7 變數替換 123
6.9.8 與作業系統相關的屬性 124
6.9.9 全局的launch.json配置 124
6.9.10 多目標調試 124
第7章 外掛程式 126
7.1 外掛程式市場 126
7.1.1 外掛程式市場主頁 126
7.1.2 外掛程式搜尋 128
7.1.3 外掛程式頁面 131
7.2 外掛程式管理 133
7.2.1 搜尋與瀏覽 133
7.2.2 通過外掛程式管理視圖管理外掛程式 138
7.2.3 通過命令行管理外掛程式 141
7.2.4 離線安裝外掛程式 142
7.2.5 外掛程式推薦 142
7.2.6 外掛程式的安裝目錄 143
7.3 那些不錯的外掛程式 143
7.3.1 REST Client:也許是比Postman更好的選擇 143
7.3.2 Code Runner:代碼一鍵運行,支持40多種語言 147
7.3.3 為你的代碼再添上一抹亮色 150
7.3.4 更強的Git集成 154
7.3.5 Web開發利器 157
7.3.6 輕鬆管理資料庫 167
7.3.7 提升開發效能 169
7.3.8 好用的工具類外掛程式 171
7.3.9 容器開發 172
7.3.10 移動開發 172
7.3.11 LeetCode外掛程式:程式設計師的Offer收割利器 173
7.3.12 有點兒好看的主題外掛程式 173
7.3.13 不止代碼!放鬆一下,那些勞逸結合的外掛程式 174
第8章 語言深入 176
8.1 概覽 176
8.1.1 程式語言外掛程式 176
8.1.2 對程式語言的支持 177
8.1.3 為檔案設定程式語言的類型 177
8.1.4 語言ID 178
8.1.5 把檔案擴展名添加到程式語言中 179
8.2 Python 180
8.2.1 快速開始 180
8.2.2 代碼編輯 185
8.2.3 靜態代碼檢查 190
8.2.4 調試 192
8.2.5 Jupyter Notebooks 198
8.2.6 Python互動式視窗 204
8.2.7 測試 207
8.2.8 Python外掛程式推薦 212
8.3 JavaScript 213
8.3.1 JavaScript、ECMAScript與Node.js 213
8.3.2 快速開始 214
8.3.3 代碼編輯 216
8.3.4 調試 222
8.2.5 靜態代碼檢查 230
8.2.6 測試 231
8.2.7 JavaScript外掛程式推薦 232
8.4 TypeScript 233
8.4.1 快速開始 233
8.4.2 一鍵運行TypeScript 235
8.4.3 編譯 237
8.4.4 調試 238
8.4.5 代碼編輯 241
8.5 Java 242
8.5.1 快速開始 242
8.5.2 代碼編輯 245
8.5.3 調試 248
8.5.4 測試 252
8.5.5 Java項目管理 254
8.5.6 Java外掛程式推薦 259
8.6 C# 261
8.6.1 快速開始 261
8.6.2 代碼編輯 263
8.6.3 調試 266
8.6.4 測試 268
8.6.5 C#外掛程式推薦 270
8.7 C/C++ 271
8.7.1 快速開始 271
8.7.2 調試 273
8.7.3 設定 278
8.7.4 代碼編輯 282
8.7.5 C/C++外掛程式推薦 284
8.8 Go 284
8.8.1 快速開始 284
8.8.2 調試 286
8.8.3 代碼編輯 288
8.8.4 測試 291
8.9 更多語言支持 291
8.9.1 PHP 292
8.9.2 Rust 292
8.9.3 Dart 293
8.9.4 Ruby 293
8.9.5 Lua 294
8.9.6 R 294
8.9.7 Matlab 296
8.9.8 D 296
8.9.9 F# 296
第9章 前端開發 298
9.1 HTML 298
9.1.1 IntelliSense 298
9.1.2 自動閉合標籤 299
9.1.3 顏色選擇器 299
9.1.4 驗證嵌入的JavaScript和CSS 300
9.1.5 代碼摺疊 300
9.1.6 代碼格式化 301
9.1.7 自定義HTML數據格式 302
9.1.8 HTML外掛程式推薦 303
9.2 CSS、SCSS和Less 305
9.2.1 IntelliSense 305
9.2.2 顏色預覽 305
9.2.3 顏色選擇器 305
9.2.4 代碼摺疊 306
9.2.5 靜態代碼檢查 307
9.2.6 跳轉到CSS符號 307
9.2.7 懸停預覽 307
9.2.8 自定義CSS數據格式 307
9.2.9 CSS外掛程式推薦 309
9.3 Emmet 310
9.3.1 Emmet的支持範圍 310
9.3.2 在HTML中使用Emmet 310
9.3.3 在CSS中使用Emmet 311
9.3.4 使用Tab鍵展開Emmet縮寫 311
9.3.5 在建議列表中禁用Emmet縮寫 312
9.3.6 Emmet縮寫在建議列表中的順序 312
9.3.7 在其他檔案中啟用Emmet縮寫 312
9.3.8 Emmet設定項 312
9.4 React 313
9.4.1 快速開始 313
9.4.2 調試React 314
9.4.3 IntelliSense 316
9.4.4 代碼導航 317
9.4.5 靜態代碼檢查 317
9.4.6 React外掛程式推薦 317
9.5 Angular 318
9.5.1 快速開始 318
9.5.2 調試Angular 319
9.5.3 IntelliSense 321
9.5.4 代碼導航 321
9.5.5 Angular外掛程式推薦 321
9.6 Vue 322
9.6.1 快速開始 322
9.6.2 Vetur外掛程式 323
9.6.3 調試Vue 323
9.6.4 IntelliSense 326
9.6.5 代碼導航 326
9.6.6 靜態代碼檢查 326
9.6.7. Vue外掛程式推薦 327
9.7 前端外掛程式推薦 327
9.7.1 Beautify 327
9.7.2 Prettier - Code formatter 327
9.7.3 JavaScript (ES6) code snippets 328
第10章 雲計算開發 329
10.1 微軟Azure 329
10.1.1 Azure外掛程式 329
10.1.2 輕鬆上雲 331
10.1.3 Serverless開發 333
10.1.4 Web套用開發 338
10.1.5 資料庫開發 340
10.1.6 更多Azure外掛程式推薦 342
10.2 AWS 343
10.3 Google Cloud Platform 345
10.4 阿里雲 348
10.4.1 Alibaba Cloud Toolkit 348
10.4.2 Aliyun Serverless 349
10.5 騰訊雲 351
第11章 物聯網開發 353
11.1 設備端開發 353
11.1.1 PlatformIO開發生態 353
11.1.2 了解PlatformIO IDE 355
11.1.3 使用PlatformIO IDE 355
11.2 設備上雲 359
11.2.1 了解Azure IoT Hub 360
11.2.2 了解Azure IoT Hub外掛程式 360
11.2.3 使用Azure IoT Hub外掛程式進行物聯網開發 360
11.3 設備模擬 364
11.4 邊緣計算 366
11.4.1 了解Azure IoT Edge 366
11.4.2 Azure IoT Edge外掛程式 367
11.5 物聯網外掛程式推薦 368
11.5.1 Espressif IDF 368
11.5.2 Arduino 368
11.5.3 Workbench 369
11.5.4 Cortex-Debug 369
11.5.5 Azure IoT Tools 369
第12章 遠程開發 371
12.1 遠程開發概覽 371
12.2 遠程開發外掛程式 372
12.3 SSH 372
12.3.1 快速開始 373
12.3.2 系統要求 382
12.3.3 管理SSH遠程機器 383
12.3.4 管理外掛程式 384
12.3.5 連線埠轉發 386
12.3.6 打開遠程SSH主機的終端 387
12.3.7 遠程SSH主機的設定 387
12.3.8 清理遠程SSH主機上的Visual Studio Code伺服器 388
12.4 容器 388
12.4.1 快速開始 388
12.4.2 系統要求 392
12.4.3 devcontainer.json檔案 392
12.4.4 樣例項目 394
12.4.5 直接打開Git項目 394
12.4.6 管理容器 394
12.4.7 管理外掛程式 396
12.4.8 連線埠轉發 398
12.4.9 打開開發容器的終端 398
12.4.10 開發容器的設定 398
12.5 WSL 399
12.5.1 快速開始 400
12.5.2 管理WSL 402
12.5.3 管理外掛程式 402
12.5.4 打開WSL的終端 404
12.5.5 遠程WSL的設定 404
第13章 Visual Studio family 405
13.1 Visual Studio、Visual Studio Code、Visual Studio Codespaces,你都分清楚了嗎 405
13.2 Visual Studio Codespaces 406
13.2.1 概覽 406
13.2.2 4種開發模式 408
13.2.3 使用Visual Studio Codespaces 409
13.2.4 自託管的環境 426
13.2.5 自建Web版Visual Studio Code 427
13.3 Visual Studio Live Share 429
13.3.1 概覽 429
13.3.2 使用Visual Studio Live Share 429
13.3.3 Visual Studio Live Share外掛程式推薦 436
13.4 Visual Studio IntelliCode 437
13.4.1 概覽 437
13.4.2 使用Visual Studio IntelliCode 438
第14章 成為Visual Studio Code的貢獻者 440
14.1 GitHub Issues 440
14.1.1 報告bug 440
14.1.2 功能請求 441
14.1.3 分享你的反饋與想法 441
14.1.4 翻譯中文Issue 442
14.2 提問 442
14.3 討論 443
14.4 GitHub Pull requests 443
14.5 外掛程式 443
14.6 翻譯 443
第15章 外掛程式開發 445
15.1 如何打造一款優秀的Visual Studio Code外掛程式 445
15.1.1 設計 445
15.1.2 實現 448
15.1.3 推廣 449
15.1.4 維護 450
15.2 你的第一個Visual Studio Code外掛程式 451
15.2.1 搭建開發環境 451
15.2.2 創建外掛程式項目 451
15.2.3 運行外掛程式 452
15.2.4 開發外掛程式 452
15.2.5 調試外掛程式 453
15.2.6 外掛程式項目的檔案結構 453
15.2.7 package.json外掛程式清單檔案 454
15.2.8 extension.ts外掛程式入口檔案 455
15.3 Visual Studio Code外掛程式的擴展能力 456
15.3.1 Visual Studio Code外掛程式的設計理念 456
15.3.2 通用功能的擴展能力 457
15.3.3 工作區用戶界面的擴展能力 459
15.3.4 主題的擴展能力 460
15.3.5 程式語言的擴展能力 460
15.3.6 調試功能的擴展能力 461
15.4 外掛程式開發面面觀 461
15.4.1 外掛程式樣例 461
15.4.2 Command命令 464
15.4.3 樹狀視圖 468
15.4.4 網頁視圖 472
15.4.5 集成終端 482
15.4.6 存儲 483
15.4.7 主題 485
15.4.8 程式語言 490
15.4.9 更多常用的API 495
15.5 外掛程式開發的生命周期 496
15.5.1 外掛程式測試 496
15.5.2 外掛程式發布 498
15.5.3 持續集成 500