tech| vscode 全景速看 vscode 全景速看

vscode 全景速看

a quick view of vscode landscape

奉上 vscode 乾貨. 本文着重 速看, 詳細內容, 參看 github/daydaygo - vscode

新問題往往都是老問題, 或者說歷史總是驚人的相似, 在具體到 vscode 的問題中之前, 先把一些老問題給拎清, 掃清障礙

老問題

---

名與實:

• 名與實的重要性: 很多問題往往只是「語義上」的, 要麼是不清楚概念(名), 要麼是不清楚概念具體指的是什麼(實), 要麼就是翻譯轉換過程導致的名實不符
• 很多問題其實並不難, 只是前面疊加了一層 名與實 的問題, 所以很難, 因爲 名實問題: 知道就是知道, 不知道就是不知道
• 英文: 避免翻譯產生的歧義, 減少思維轉換; 編程世界, 對英文太友好了

---

認識論:

• 認識論: 先整體後局部; 先通用後細節
• 知識成體系的重要性: 因爲遺忘的存在, 學習是需要不斷重複的, 不成體系的知識, 難以區分哪些是重要的, 進而陷入到細節當中

---

下層基礎決定上層建築:

• 在深入細節之前, 瞭解一下 vscode core, 會在遇到問題時 從容 很多: 上層的問題往往是一層又一層的封裝後導致問題的本質 不可見, 從 core 來理解往往 事半功倍

---

分層:

• 計算機科學領域的任何問題都可以通過增加一個間接的中間層來解決.

通用技巧

在繼續深入之前, 瞭解一些通用技巧, 可以 事半功倍:

• 搜索
  • 幾乎所有地方都支持搜索功能
  • 搜索支持 模糊匹配, 技巧是 單詞前綴匹配, 比如 view: toggle zen mode, 輸入 vtz 就能找到了
  • 很多地方都支持搜索, 可以試試cmd-f 快捷鍵
  • 很多地方隱藏搜索功能, 直接輸入字符進行 前綴過濾
• 二八法則: 只要花很少的時間掌握通用功能, 就能完成大部分工作
  • vscode 中正例: command(命令) view(視圖) menu(菜單)
  • vscode 中反例: shortcut /setting 等就是反例, 大而全, 全是細節
  • 如何應用二八法則? 任自然 -- 經常使用到的, 自然會記下
• 自動提示: 好的工具往往不需要你記憶大量的細節, 編輯過程中的自動提示會讓你 如虎添翼

認識 vscode

• 先整體後局部
  • activity bar(局部下還有很多功能)
    • explorer
    • search
    • source control
    • run
    • extension
  • side bar
  • editor
  • status bar

---

• 先通用後細節
  • menu: 大部分功能都可以在 menu 中找到, 並且 menu 已經幫我們進行了 分類
  • <a id="command">command palette</a>
    • vscode 中的大部分功能, 都是 command
    • 如圖: 使用 menu > view > command palette 就可以打開, 後面是快捷鍵
  • panel

---

command palette 已經非常 通用 了, 其實它上一級的 view 更通用, 幾乎所有的功能, 都是一個又一個 view

• ?: 查看有哪些 view
• ...: 空的時候, 用來打開文件
• >: 上面看到的 command palette
• view: 打開各種界面

限於篇幅, vscode landscape / vscode core 等類容, 請查看 github/daydaygo - vscode

薦書

雖然你說得很有道理, 可是 vscode 的內容好多, 掌握了 道與術(套路), 還是要花很多時間, 有沒有更快的方法?

翻譯一下: 敢不敢更過分點, 給條捷徑?

敢! 書籍是人類進步的階梯. vscode 這條路, 幾千萬人(誇張手法)已經走過.

薦書: vscode 權威指南

• 「我知道, 我改行動了. 這是一片即將變紅的藍海」 -- 作者簡述結識相伴歷程, 於 2016.6 開始開發 vscode 的插件
• zen
  • 搜索: google / Stack Overflow
  • 提問
    • 提問的智慧
    • 不僅需要好的問題, 也需要好的解決方案
  • 學習
    • 自己思考
    • what-how-why
    • 舉一反三: 通過 類比 等手段, 調用自己已有的知識
• vscode 如何做開源
  • github: issue & pull request(PR)
  • 開發流程: roadmap/年 產品設計/月初 測試與發佈/月末
  • 文檔
  • 插件
• 想了解更多細節, 融入 vscode 大家庭, 這本書你值得擁有

寫在最後

讀到這裏, 希望對你有幫助.

我是 dayday, 讀書寫作敲代碼, 永遠在路上.