知乎 Live《VS Code 從入門到進階》,帶你玩轉 VS Code

2021-02-15 HJ說

長按識別二維碼，查看《VS Code 從入門到進階》知乎 Live

https://www.zhihu.com/lives/1124809477068849152

Visual Studio Code 作為廣受好評的開發工具，已經被越來越多的開發者當作首選的開發工具。然而，你真的了解 VS Code 了嗎？你真的會使用 VS Code，把 VS Code 的強大功能發揮出來了嗎？根據帕累託法則，你很可能只使用到了 VS Code 20% 的功能，甚至更少。

工欲善其事，必先利其器。只有掌握好了你的工具（VS Code），才能大大提高你的開發效率。

韓老師在 2015 年開始就把 VS Code 作為主力編輯器，從 2016 年開始至今，已經寫了超過 20 個 VS Code 插件，在微軟的主要工作之一也是在寫 IoT 相關的 VS Code 插件。隨著對 VS Code 的了解深入、以及寫了越來越多的的插件，越發覺得，授人以魚不如授人以漁。本次知乎 Live 將會教你如何使用 VS Code，也會你怎樣提升自己的學習能力，能讓自己去探索如何更好地使用 VS Code。也會談談 VS Code 的主要組件，聊聊 VS Code 及其插件的設計理念，看看 VS Code 是如何做開源產品的，我們從中又學到什麼。

內容大綱

1. VS Code 的優勢

2. VS 和 VS Code 到底有什麼關係？

3. 你真的會用 VS Code 了嗎？

VS Code Insiders 版本

常用的配置項

命令面板

麵包屑導航/大綱/縮略圖

主題

快捷鍵

集成終端

4. 如何更好地學習 VS Code ？

5. 一起改進 VS Code，你也能成為 VS Code 的 Contributor

6. VS Code 的核心組件

Electron

Monaco Editor

Language Server Protocol

Debug Adapter Protocol

7. VS Code 怎麼做開源的？

8. 進階

命令行

玩轉 Git

打造自己的主題

快速創建屬於你的 Code Snippet

玩轉 Tasks，把重複的工作自動化

調試

遠程開發

9. 插件

插件管理

好用的插件推薦

你也可以開發一款屬於你的插件

《VS Code 從入門到進階》熱力開講，讓韓老師帶你玩轉 VS Code ！

https://www.zhihu.com/lives/1124809477068849152

相關焦點

  • VS Code 知乎 Live,參與人數突破 1000 人!
    點擊文末閱讀原文，查看《VS Code 從入門到進階》知乎 Live自從今年七月份開講知乎 Live
  • VS Code 中文社區 Workshop 基礎篇 —— First Step to VS Code
    點擊「閱讀原文」，報名參加 4 月 11 日的 Workshop 進階篇！Code 主講人：陳晟❞Part 1 前言主講人簡介陳晟，Software Engineer @ Microsoft：現就職於微軟，負責 VS Code Java 相關的開發；內容綱要本次分析基礎篇內容：而在4月11日我們將講解進階篇內容
  • 我最終還是選擇了VS code!
    當然，前提是這款工具真的能夠驚豔到我的情況下，這一點vs code做到了，它在遠程開發方面的確讓我驚豔了一把。為什麼選擇vs code？遠程開發對於開發工具並不算是一個新鮮的事情，其中在我們熟知的InteliJ家族的開發工具裡就已經實現了遠程開發功能。但是，為什麼只有vs code吸引到我了？
  • VS Code安裝及使用基礎教程
    /docs/getstarted/keybindings快捷鍵pdf文檔：https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdfvs code 的常用快捷鍵Ctrl + Shit + F 會激活這個工具欄的全局搜索功能Ctrl + F局部搜索, 搜索當前文件中的內容Ctrl + G 輸入行號可以跳轉到指定的行
  • 我最終還是選擇了 VS Code!
    當然，前提是這款工具真的能夠驚豔到我的情況下，這一點vs code做到了，它在遠程開發方面的確讓我驚豔了一把。為什麼選擇vs code？遠程開發對於開發工具並不算是一個新鮮的事情，其中在我們熟知的InteliJ家族的開發工具裡就已經實現了遠程開發功能。但是，為什麼只有vs code吸引到我了？
  • 工欲善其事,必先利其器.如何玩轉 VS Code?
    然而，你真的了解 VS Code 了嗎？你真的會使用 VS Code，把 VS Code 的強大功能發揮出來了嗎？根據帕累託法則，你很可能只使用到了 VS Code 20% 的功能，甚至更少。工欲善其事，必先利其器。只有掌握好了你的工具（VS Code），才能大大提高你的開發效率。
  • 15款好用的VS Code插件
    用好 VS Code 插件，不僅能節省你的時間，還能提高工作效率。 VS Code 有個市場，它提供很多插件。開發人員可以把插件安裝到文本編輯器，增強編輯器功能。在視圖菜單中，選擇擴展選項或按下 shift + cmd + X 即可進入市場。善用 VS Code 插件，不僅節省時間，還能提高工作效率，讓你成為更好的開發人員。
  • 15 款好用的 VS Code 插件
    VS Code 有個市場，提供很多插件，開發人員可以把它們安裝到文本編輯器，增強編輯器功能。在視圖菜單中，選擇擴展選項或按下 shift + cmd + X 即可進入市場。善用 VS Code 插件，不僅節省時間，還能提高工作效率，讓你成為更好的開發人員。該插件允許我們在更改 IDE 中的代碼時，自動重新加載 Web 頁面。
  • 8個你會愛上的 VS Code 擴展
    這個列表中的 Visual Studio Code 擴展會讓你更輕鬆和高效。Better Comments這個擴展可以讓你寫出不同類型的注釋，包括：itemName=CoenraadS.bracket-pair-colorizer-2CodeSnap這個擴展可以為代碼片段生成漂亮的圖片，如果你經常寫技術內容的話會非常方便。
  • VS Code 中文社區正式成立啦!VS Code Day 圓滿落幕!
    本次 VS Code Day 是廣大 VS Code 愛好者一起學習與交流的盛會，讓我們對 VS Code 有一次再深入的理解與探討，看看 VS Code 有哪些重要的組件，聊聊 VS Code 及其插件的設計理念，看看 VS Code 是如何做開源產品的，我們從中又能學到什麼？此外，你也能輕鬆地開發一款屬於你的插件。
  • 如何編寫 VS Code 擴展 | Linux 中國
    生成一個擴展骨架要在全局範圍內安裝並運行 Yeoman 生成器，請在命令提示符或終端中輸入以下內容： npm install -g yo generator-code導航到要生成擴展的文件夾，鍵入以下命令，然後按回車： 根據提示，你必須回答一些關於你的擴展的問題：◈ 你想創建什麼類型的擴展
  • ​這樣配置,讓你的VS Code好用到飛起!
    每個月末，臨近產品發布，你可以在 GitHub 看到 Endgame 了解到 VS Code 是如何進行產品測試與發布的。不僅代碼開源，VS Code 整個產品的計劃，設計以及發布管理都是「開源」的：每一個階段對每一個用戶是公開透明的，你不僅可以開 Issue，發PR，你甚至也可以參與到每個功能的設計與討論中去！
  • vs code 安裝教程
    vscode 官網：https://code.visualstudio.com/二、Vscode版本當前最新版本 1.27 2018年8月版本列表：https://code.visualstudio.com/updates/v1_27三、Vscode下載下載地址
  • VS Code 中的 Vim 操作 | 無需修改 VSC 默認快捷鍵 | 常用組合與邏輯
    如上：•normal 模式下，s是刪除當前光標所指並轉為 insert 模式，x是刪除並且不轉換vim 中 g如上：•normal 模式下，15gg是跳轉到15把光標移到括號內，輸入 ci( 或 ci)，其中 i( 是『在括號內』。一種邏輯如上，不僅是 c 操作，也不僅僅是 () ，對於 ""、[] 等都適用。
  • 從零開始開發 VS Code 插件之 Translator Helper
    創建第一個Extension可以在這裡找到詳細的入門教程：https://code.visualstudio.com/api/get-started/your-first-extension首先，使用npm安裝Yeoman和VS Code Extension Generator:
  • 20個提高開發效率的 VS Code 快捷鍵,你值得擁有!
    如果你使用的是新版本的 VS Code， 你可以在用戶設置頁面設置，如下圖：有些時候，代碼文件非常大，但是你只是想知道代碼的大體邏輯。這個時候代碼摺疊就非常必要。當然，你也可以自己設置綁定你自己的快捷鍵：File > Preferences > Keyboard Shortcuts拆分編輯器可以使用拆分的快捷鍵，使用 123 也可以切換編輯器焦點。
  • VS Code 的 7 個開源替代品!
    來源：開源最前線https://opensource.com/article/20/6/open-source-alternatives-vs-codVisual Studio Code，也稱為VS Code，是一款支持Linux，Windows和macOS的代碼編輯器。
  • 分享幾個我日常使用的VS Code插件
    它會執行相同的自動補全，不過針對的是你的文件系統。這倆插件的維護者是同一人，我也不想再錯過這個好東西！https://github.com/ChristianKohler/PathIntellisensehttps://marketplace.visualstudio.com/items?
  • VS Code 搭建開發環境
    有沒有即像記事本一樣簡單（其實記事本並不像你想像中的那麼簡單），又剛好有我想要的功能，不多不少的那種。很多人都這麼想，所以VS Code（Visual Studio Code）出現了，通過插件的方式添加你需要的功能。VS Code的安裝就不說了，官網下載安裝包，一路Next到Finish，真要用的朋友這些都是基操。
  • 幾個類似 VS Code的開源編輯器工具
    來自：開源最前線（ID：OpenSourceTop） 項目地址：https://opensource.com/article/20/6/open-source-alternatives-vs-cod今天，和大家分享幾個VS code的替代品：VS Code的最簡單替代方法是VS Code本身，無需Microsoft專有的附加組件即可構建。VSCodium 項目提供了可下載的 Code-OSS 可執行文件，這些文件是從VS Code代碼庫構建的，而無需Microsoft進行product.json更改。