vscode 體驗記

以前開發一直用 jetbrains 家的產品，產品是不錯，也的確不錯。可日復一日，那啓動速度實在有點...那啥，不過這也能夠理解，畢竟軟件作的那麼複雜那麼強大嘛。因而就開始着手尋找替代品，以前也配置過 sublime，也寫過文章，可不知道爲啥總也喜歡不起來。
後來，絕不費力地找到了 vscode 這款神奇的軟件，做爲一個喜歡倒騰各類（手機/電腦）軟件的人，好軟件固然要搞一搞。
下面介紹下這款天天使用時間最長的軟件 vscode。

VSCode是微軟推出的一款輕量編輯器，採起了和VS相同的UI界面。

官方網站上是這麼說的：

Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Java, Python, PHP, Go) and runtimes (such as .NET and Unity).

使用這個軟件的一個重要緣由是輕量級，相似於 sublime，插件豐富，關鍵它是免費的！
微軟出品, 品質保證! 嗯，事實證實，你大爺永遠是你大爺！
吶，使用過一段時間下來呢，發現的確很不錯，這裏對使用過程當中的一些配置以及我平常用到的插件作一下梳理(有點多)。讓你知道，我用過以後是這個樣子，你用過也是這個樣子，Duang~Duang~ 奸笑臉...

安裝

在官網下載這個軟件，能夠選擇相應的平臺版本進行下載，對，它是跨平臺支持的！
官方文檔能夠看這裏,能夠解決平常遇到的大部分問題。
它的外觀大概是這個樣子，hmm...蠻不錯的吧？

經常使用插件

這裏只羅列一些我經常使用到的插件，由於不是作前端工做，雖然前端方面也有一些很優秀的插件，可是由於我暫時用不到，所以沒有作介紹。
注意: 如下插件均可以在 vscode 自帶的擴展商店中找到。

Material Icon Theme

這個是我最喜歡的一款圖標主題，切換到這個主題後，圖標大概是這樣的

文件夾顏色、關聯圖標也是能夠根據參數調整，這裏看插件文檔，不過我以爲默認配置就好了，別浪費時間折騰了。

One Dark Pro

配置完了圖標主題之後，再來個代碼顏色主題（對某些人來講，這很重要），我牆裂推薦的就是這款 One Dark Pro 啦，Atom 的這款顏色主題真是漂亮，從幾百萬的下載量來看，個人審美仍是符合大衆審美的..emm... 大概就是上圖這個樣子（上圖是 cpp 渲染效果），總之我是很滿意的。

---

OK！折騰完門臉兒，下面切入正題！

Go

做爲一個 golang 程序員怎麼能少的了 golang 支持插件，隆重推出這款微軟官方出的插件。
插件文檔能夠看這個 Go for Visual Studio Code。
該插件依賴一些 go 工具來完成跳轉和格式化等，第一次使用須要手動安裝（可能須要番·羽·土·嗇）。

go get -u -v github.com/nsf/gocode
go get -u -v github.com/rogpeppe/godef
go get -u -v github.com/golang/lint/golint
go get -u -v github.com/lukehoban/go-outline
go get -u -v sourcegraph.com/sqs/goreturns
go get -u -v golang.org/x/tools/cmd/gorename
go get -u -v github.com/tpng/gopkgs
go get -u -v github.com/newhook/go-symbols
go get -u -v golang.org/x/tools/cmd/guru

配置的話，默認配置基本就能夠，前提是沒裝已經在系統中配置好了 go，在配置頁面搜索 go，查看全部相關的配置項。

C/C++

微軟出品的 c/c++ 插件，支持函數跳轉、查看聲明、語法檢測和格式化等各類功能，體驗不錯。

Python

微軟出品的 python 支持插件，上千萬的下載量！插件文檔能夠看看這裏。

---

Git History

這個插件作了件什麼事兒呢？就是優化默認集成的 git log和 diff 等，將更多的內容可視化，更加直觀，操做體驗不輸於 github，提供一個截圖看一下

用起來很方便！！一個不容錯過的 vscode 插件。更多信息請查看插件文檔。

GitLens — Git supercharged

官網是這樣介紹的，感覺一下。

GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more.

裝上之後，是這個樣子，每一行 code 的做者、提交時間、commit log 等信息，一目瞭然。

---

Code Outline

這個插件作的是會把代碼中的函數、變量、結構體定義等都提出來顯示，（vscode 控制面板下輸入 @ 符號也能夠實現），這個插件效果大概是這樣：

主流語言都支持了！

Bracket Pair Colorizer

上個圖就知道它是幹嗎的了。

括弧匹配，很直觀，不再怕漏掉了。
還有些顏色配置的，能夠看下插件文檔，看興趣本身配置下吧，默認就能夠。

Guides

這個插件是搞縮進線的..emm...自我感受也不錯。

TODO Highlight

這種插件是少不了的,不一樣的顏色區分 TODO 和 FIXME，還能夠在控制面板列出各項 TODO，多的不說，能夠看下插件文檔。

change-case

這個插件作的事情，看個圖就明白了。

---

Code Runner

這個插件能夠跑簡單的腳本，像這樣

很方便，對不對？還有一些各類各樣的配置，能夠在插件文檔查看。

Settings Sync

最後一個插件！
你可能會想，我配置了這麼多插件，換了電腦再來一遍的話，豈不是浪費時間？...emm...頗有道理，那麼隆重推出這款插件 Settings Sync，它能夠同步插件配置，只須要配置一次，之後就不用再麻煩了。配置這個插件的話跟着插件文檔走一遍，很容易搞定的。

經常使用配置項

{
    "editor.fontSize": 14,
    "editor.lineHeight": 22,
    "editor.cursorBlinking": "smooth",
    "workbench.colorTheme": "One Dark Pro Vivid",
    "workbench.iconTheme": "material-icon-theme",
    "workbench.editor.enablePreview": false,
    "gitlens.advanced.messages": {
        "suppressShowKeyBindingsNotice": true
    },
    "gitlens.historyExplorer.enabled": false,
    "editor.fontFamily": "Fira Code, Menlo, Monaco, Courier New, monospace",
    "editor.quickSuggestions": {
        "other": true,
        "comments": true,
        "strings": true
    },
    "guides.normal.color.dark": "rgba(91, 91, 91, 0.6)",
    "guides.normal.color.light": "rgba(220, 220, 220, 0.7)",
    "guides.active.color.dark": "rgba(210, 110, 210, 0.6)",
    "guides.active.color.light": "rgba(200, 100, 100, 0.7)",
    "guides.active.style": "dashed",
    "guides.normal.style": "dashed",
    "guides.stack.style": "dashed",
    "guides.enabled": true,
    "files.trimTrailingWhitespace": true,
    "files.trimFinalNewlines": true,
    "[cpp]": {
        "editor.autoIndent": true
    },
    "editor.renderIndentGuides": false,
    "python.autoComplete.addBrackets": true,
    "python.pythonPath": "/usr/local/bin/python",
    "python.linting.enabled": true,
    "material-icon-theme.folders.color": "#42a5f5",
    "editor.tabSize": 4,
    "editor.renderWhitespace": "all",
}

以上各項的含義不解釋了，vscode 的配置很是人性化，爲啥這麼說？你試試就知道了....
還有一個事情是字體推薦 Fira Code，你值得擁有！

經常使用快捷鍵

如下快捷鍵針對 mac ，且只是部分經常使用快捷鍵

全局

快捷鍵	含義
Command + Shift + P / F1	顯示命令面板
Command + P	快速打開
Command + Shift + N	打開新窗口
Command + W	關閉窗口

基本

快捷鍵	含義
Command + X 剪切	（未選中文本的狀況下，剪切光標所在行）
Command + C 複製	（未選中文本的狀況下，複製光標所在行）
Command + I	選中當前行
Option + Up/Down	向上/下移動行
Option + Shift + Up/Down	向上/下複製行
Command + Shift + K	刪除行
Command + Enter	下一行插入
Command + Shift + Enter	上一行插入
Command + Shift + \	跳轉到匹配的括號
Command + [/]	減小/增長縮進
Command + /	添加、移除行註釋

其餘

快捷鍵	含義
Option + 點擊	插入多個光標
Command + F	查找
Command + D	向下選中相同內容
Command + T	顯示全部光標所在的符號 【速度有點慢】
Ctrl + G	跳轉至某行
Ctrl + -	後退
Ctrl + Shift + -	前進
Command + \	編輯器分屏
Command + 1	切換到第一分組
Command + Shift + v	Markdown預覽窗口
Ctrl + `	顯示終端
cmd+k z	進入 zen 模式，esc 退出

---

更多 vscode 使用技巧，能夠查看 vscode-tips-and-tricks。