目錄

第1章 如何學(xué)習(xí)Visual Studio Code 1
1.1 學(xué)會(huì)搜索 1
1.2 學(xué)會(huì)提問 2
1.3 學(xué)會(huì)學(xué)習(xí) 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 跨平臺(tái) 5
2.1.2 IntelliSense 5
2.1.3 代碼調(diào)試 6
2.1.4 內(nèi)置的Git支持 6
2.2 Visual Studio Code簡史 6
2.3 Visual Studio Code的優(yōu)勢 7
2.3.1 學(xué)習(xí)曲線 7
2.3.2 用戶體驗(yàn) 8
2.3.3 性能 8
2.3.4 插件 8
2.3.5 生態(tài) 9
2.4 Visual Studio Code開發(fā)團(tuán)隊(duì) 9
2.5 Visual Studio Code是如何做開源的 10
2.5.1 代碼開源 10
2.5.2 Issues和Pull requests 11
2.5.3 開源的開發(fā)流程 11
2.5.4 開源的生態(tài) 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 平臺(tái)支持 20
4.1.3 跨平臺(tái) 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設(shè)置為默認(rèn)編輯器 23
4.2.4 使用Windows系統(tǒng)進(jìn)行Linux開發(fā) 24
4.3 macOS 24
4.3.1 安裝 24
4.3.2 從終端命令行啟動(dòng) 24
4.3.3 觸控欄 25
4.3.4 首選項(xiàng)菜單 25
4.4 Windows 25
4.4.1 安裝 25
4.4.2 從終端命令行啟動(dòng) 25
4.4.3 用戶安裝與系統(tǒng)安裝 25
第5章 快速入門 27
5.1 Visual Studio Code Insiders 27
5.2 設(shè)置 27
5.2.1 兩種不同范圍的設(shè)置 28
5.2.2 兩種設(shè)置方法 28
5.2.3 設(shè)置編輯器 28
5.2.4 JSON設(shè)置文件 30
5.2.5 語言的特定設(shè)置 31
5.2.6 設(shè)置與安全 33
5.2.7 常用的設(shè)置項(xiàng) 33
5.3 用戶界面 34
5.3.1 基本布局 34
5.3.2 命令面板 35
5.3.3 并排編輯 37
5.3.4 縮略圖 38
5.3.5 面包屑導(dǎo)航 39
5.3.6 文件資源管理器 40
5.3.7 禪模式 42
5.3.8 Tab（標(biāo)簽頁） 42
5.3.9 窗口管理 43
5.4 編輯功能 44
5.4.1 多光標(biāo) 44
5.4.2 列選擇 44
5.4.3 自動(dòng)保存 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 縮進(jìn) 49
5.4.11 文件編碼 49
5.5 主題 50
5.5.1 設(shè)置顏色主題 51
5.5.2 設(shè)置文件圖標(biāo)主題 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 查看默認(rèn)的快捷鍵 56
5.6.6 查看更改的快捷鍵 57
5.6.7 高級(jí)配置 57
5.6.8 快捷鍵規(guī)則 58
5.6.9 有效的按鍵組合 58
5.6.10 常用的快捷鍵 59
5.7 集成終端 61
5.7.1 打開集成終端 61
5.7.2 管理多個(gè)終端 61
5.7.3 配置終端 62
5.7.4 終端的顯示樣式 63
5.7.5 終端的快捷鍵 63
5.7.6 運(yùn)行選中的文本 64
5.7.7 重命名終端 65
5.7.8 設(shè)置終端的打開路徑 65
5.8 中文顯示 65
第6章 進(jìn)階應(yīng)用 67
6.1 命令行 67
6.1.1 命令行幫助 67
6.1.2 通過命令行啟動(dòng)Visual Studio Code 68
6.1.3 命令行核心選項(xiàng) 68
6.1.4 打開文件和文件夾 68
6.1.5 通過命令行管理插件 69
6.1.6 命令行高級(jí)選項(xiàng) 69
6.2 IntelliSense 69
6.2.1 不同編程語言的IntelliSense 69
6.2.2 IntelliSense功能 70
6.2.3 自動(dòng)補(bǔ)全的類型 71
6.2.4 自定義IntelliSense 71
6.3 代碼導(dǎo)航 73
6.3.1 文件快速導(dǎo)航 73
6.3.2 面包屑導(dǎo)航 73
6.3.3 代碼導(dǎo)航右鍵菜單 76
6.3.4 跳轉(zhuǎn)到定義 76
6.3.5 跳轉(zhuǎn)到類型定義 77
6.3.6 查找所有引用 77
6.3.7 通過內(nèi)聯(lián)編輯器查看定義和引用 78
6.3.8 引用信息 78
6.3.9 跳轉(zhuǎn)到實(shí)現(xiàn) 79
6.3.10 跳轉(zhuǎn)到文件中的符號(hào) 79
6.3.11 跳轉(zhuǎn)到工作區(qū)中的符號(hào) 80
6.3.12 括號(hào)匹配 80
6.3.13 錯(cuò)誤與警告 80
6.4 玩轉(zhuǎn)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狀態(tài)欄 85
6.4.9 Gutter提示 86
6.4.10 合并沖突 86
6.4.11 把Visual Studio Code作為Git編輯器 87
6.5 打造自己的主題 87
6.5.1 自定義工作臺(tái)的顏色主題 88
6.5.2 自定義編輯器的顏色主題 89
6.5.3 顏色主題配置大全 90
6.6 快速創(chuàng)建可復(fù)用的代碼片段 90
6.6.1 代碼片段插件 90
6.6.2 使用代碼片段 91
6.6.3 創(chuàng)建自定義的代碼片段 92
6.6.4 代碼片段的生效范圍 93
6.6.5 代碼片段的語法 94
6.6.6 為代碼片段添加快捷鍵 96
6.7 Task，把重復(fù)的工作自動(dòng)化 97
6.7.1 配置第一個(gè)Hello World的Task 97
6.7.2 配置一個(gè)更復(fù)雜的Task 99
6.7.3 Task自動(dòng)檢測 100
6.7.4 自定義自動(dòng)檢測的Task 102
6.7.5 問題匹配器 103
6.7.6 命令參數(shù) 103
6.7.7 輸出行為 104
6.7.8 運(yùn)行行為 105
6.7.9 變量替換 105
6.7.10 命令面板 109
6.7.11 快捷鍵綁定 109
6.7.12 操作系統(tǒng)的相關(guān)屬性 110
6.7.13 后臺(tái)運(yùn)行的Task 110
6.8 Multi-root Workspaces 112
6.8.1 管理文件夾 112
6.8.2 工作區(qū)文件 114
6.8.3 用戶界面 116
6.8.4 設(shè)置 117
6.8.5 源代碼管理 119
6.8.6 插件推薦 119
6.9 調(diào)試與運(yùn)行 120
6.9.1 調(diào)試器插件 120
6.9.2 調(diào)試與運(yùn)行視圖 121
6.9.3 調(diào)試與運(yùn)行菜單 121
6.9.4 調(diào)試模式與運(yùn)行模式 122
6.9.5 launch.json調(diào)試配置 122
6.9.6 launch.json屬性 123
6.9.7 變量替換 123
6.9.8 與操作系統(tǒng)相關(guān)的屬性 124
6.9.9 全局的launch.json配置 124
6.9.10 多目標(biāo)調(diào)試 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 那些不錯(cuò)的插件 143
7.3.1 REST Client：也許是比Postman更好的選擇 143
7.3.2 Code Runner：代碼一鍵運(yùn)行，支持40多種語言 147
7.3.3 為你的代碼再添上一抹亮色 150
7.3.4 更強(qiáng)的Git集成 154
7.3.5 Web開發(fā)利器 157
7.3.6 輕松管理數(shù)據(jù)庫 167
7.3.7 提升開發(fā)效能 169
7.3.8 好用的工具類插件 171
7.3.9 容器開發(fā) 172
7.3.10 移動(dòng)開發(fā) 172
7.3.11 LeetCode插件：程序員的Offer收割利器 173
7.3.12 有點(diǎn)兒好看的主題插件 173
7.3.13 不止代碼！放松一下，那些勞逸結(jié)合的插件 174
第8章 語言深入 176
8.1 概覽 176
8.1.1 編程語言插件 176
8.1.2 對(duì)編程語言的支持 177
8.1.3 為文件設(shè)置編程語言的類型 177
8.1.4 語言ID 178
8.1.5 把文件擴(kuò)展名添加到編程語言中 179
8.2 Python 180
8.2.1 快速開始 180
8.2.2 代碼編輯 185
8.2.3 靜態(tài)代碼檢查 190
8.2.4 調(diào)試 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 調(diào)試 222
8.2.5 靜態(tài)代碼檢查 230
8.2.6 測試 231
8.2.7 JavaScript插件推薦 232
8.4 TypeScript 233
8.4.1 快速開始 233
8.4.2 一鍵運(yùn)行TypeScript 235
8.4.3 編譯 237
8.4.4 調(diào)試 238
8.4.5 代碼編輯 241
8.5 Java 242
8.5.1 快速開始 242
8.5.2 代碼編輯 245
8.5.3 調(diào)試 248
8.5.4 測試 252
8.5.5 Java項(xiàng)目管理 254
8.5.6 Java插件推薦 259
8.6 C# 261
8.6.1 快速開始 261
8.6.2 代碼編輯 263
8.6.3 調(diào)試 266
8.6.4 測試 268
8.6.5 C#插件推薦 270
8.7 C/C++ 271
8.7.1 快速開始 271
8.7.2 調(diào)試 273
8.7.3 設(shè)置 278
8.7.4 代碼編輯 282
8.7.5 C/C++插件推薦 284
8.8 Go 284
8.8.1 快速開始 284
8.8.2 調(diào)試 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章 前端開發(fā) 298
9.1 HTML 298
9.1.1 IntelliSense 298
9.1.2 自動(dòng)閉合標(biāo)簽 299
9.1.3 顏色選擇器 299
9.1.4 驗(yàn)證嵌入的JavaScript和CSS 300
9.1.5 代碼折疊 300
9.1.6 代碼格式化 301
9.1.7 自定義HTML數(shù)據(jù)格式 302
9.1.8 HTML插件推薦 303
9.2 CSS、SCSS和Less 305
9.2.1 IntelliSense 305
9.2.2 顏色預(yù)覽 305
9.2.3 顏色選擇器 305
9.2.4 代碼折疊 306
9.2.5 靜態(tài)代碼檢查 307
9.2.6 跳轉(zhuǎn)到CSS符號(hào) 307
9.2.7 懸停預(yù)覽 307
9.2.8 自定義CSS數(shù)據(jù)格式 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設(shè)置項(xiàng) 312
9.4 React 313
9.4.1 快速開始 313
9.4.2 調(diào)試React 314
9.4.3 IntelliSense 316
9.4.4 代碼導(dǎo)航 317
9.4.5 靜態(tài)代碼檢查 317
9.4.6 React插件推薦 317
9.5 Angular 318
9.5.1 快速開始 318
9.5.2 調(diào)試Angular 319
9.5.3 IntelliSense 321
9.5.4 代碼導(dǎo)航 321
9.5.5 Angular插件推薦 321
9.6 Vue 322
9.6.1 快速開始 322
9.6.2 Vetur插件 323
9.6.3 調(diào)試Vue 323
9.6.4 IntelliSense 326
9.6.5 代碼導(dǎo)航 326
9.6.6 靜態(tài)代碼檢查 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章 云計(jì)算開發(fā) 329
10.1 微軟Azure 329
10.1.1 Azure插件 329
10.1.2 輕松上云 331
10.1.3 Serverless開發(fā) 333
10.1.4 Web應(yīng)用開發(fā) 338
10.1.5 數(shù)據(jù)庫開發(fā) 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章 物聯(lián)網(wǎng)開發(fā) 353
11.1 設(shè)備端開發(fā) 353
11.1.1 PlatformIO開發(fā)生態(tài) 353
11.1.2 了解PlatformIO IDE 355
11.1.3 使用PlatformIO IDE 355
11.2 設(shè)備上云 359
11.2.1 了解Azure IoT Hub 360
11.2.2 了解Azure IoT Hub插件 360
11.2.3 使用Azure IoT Hub插件進(jìn)行物聯(lián)網(wǎng)開發(fā) 360
11.3 設(shè)備模擬 364
11.4 邊緣計(jì)算 366
11.4.1 了解Azure IoT Edge 366
11.4.2 Azure IoT Edge插件 367
11.5 物聯(lián)網(wǎng)插件推薦 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章 遠(yuǎn)程開發(fā) 371
12.1 遠(yuǎn)程開發(fā)概覽 371
12.2 遠(yuǎn)程開發(fā)插件 372
12.3 SSH 372
12.3.1 快速開始 373
12.3.2 系統(tǒng)要求 382
12.3.3 管理SSH遠(yuǎn)程機(jī)器 383
12.3.4 管理插件 384
12.3.5 端口轉(zhuǎn)發(fā) 386
12.3.6 打開遠(yuǎn)程SSH主機(jī)的終端 387
12.3.7 遠(yuǎn)程SSH主機(jī)的設(shè)置 387
12.3.8 清理遠(yuǎn)程SSH主機(jī)上的Visual Studio Code服務(wù)器 388
12.4 容器 388
12.4.1 快速開始 388
12.4.2 系統(tǒng)要求 392
12.4.3 devcontainer.json文件 392
12.4.4 樣例項(xiàng)目 394
12.4.5 直接打開Git項(xiàng)目 394
12.4.6 管理容器 394
12.4.7 管理插件 396
12.4.8 端口轉(zhuǎn)發(fā) 398
12.4.9 打開開發(fā)容器的終端 398
12.4.10 開發(fā)容器的設(shè)置 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 遠(yuǎn)程WSL的設(shè)置 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種開發(fā)模式 408
13.2.3 使用Visual Studio Codespaces 409
13.2.4 自托管的環(huán)境 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的貢獻(xiàn)者 440
14.1 GitHub Issues 440
14.1.1 報(bào)告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章 插件開發(fā) 445
15.1 如何打造一款優(yōu)秀的Visual Studio Code插件 445
15.1.1 設(shè)計(jì) 445
15.1.2 實(shí)現(xiàn) 448
15.1.3 推廣 449
15.1.4 維護(hù) 450
15.2 你的第一個(gè)Visual Studio Code插件 451
15.2.1 搭建開發(fā)環(huán)境 451
15.2.2 創(chuàng)建插件項(xiàng)目 451
15.2.3 運(yùn)行插件 452
15.2.4 開發(fā)插件 452
15.2.5 調(diào)試插件 453
15.2.6 插件項(xiàng)目的文件結(jié)構(gòu) 453
15.2.7 package.json插件清單文件 454
15.2.8 extension.ts插件入口文件 455
15.3 Visual Studio Code插件的擴(kuò)展能力 456
15.3.1 Visual Studio Code插件的設(shè)計(jì)理念 456
15.3.2 通用功能的擴(kuò)展能力 457
15.3.3 工作區(qū)用戶界面的擴(kuò)展能力 459
15.3.4 主題的擴(kuò)展能力 460
15.3.5 編程語言的擴(kuò)展能力 460
15.3.6 調(diào)試功能的擴(kuò)展能力 461
15.4 插件開發(fā)面面觀 461
15.4.1 插件樣例 461
15.4.2 Command命令 464
15.4.3 樹狀視圖 468
15.4.4 網(wǎng)頁視圖 472
15.4.5 集成終端 482
15.4.6 存儲(chǔ) 483
15.4.7 主題 485
15.4.8 編程語言 490
15.4.9 更多常用的API 495
15.5 插件開發(fā)的生命周期 496
15.5.1 插件測試 496
15.5.2 插件發(fā)布 498
15.5.3 持續(xù)集成 500