[譯]Visual Studio Code文檔其2—進階編輯

Visual Studio Code之進階編輯

全文翻譯自官方Docs

Visual Studio Code有着同類代碼編輯器同樣的標準功能，此外還有一些咱們精心設計的獨到而有趣之處，相信你會喜歡上它。這一篇將着重爲你介紹編輯器一些值得注意的地方。

括號匹配

光標一旦臨近括號時，左右括號都將被匹配到並高亮顯示出來。即使是像php這樣的嵌入式語言，括號仍可以被匹配到。以下圖：

提示：括號被匹配到以後能夠Ctrl+Shift+]來跳轉光標。

多重光標與多重選擇

VS Code支持使用多重光標的編輯操做，你能夠Alt+單擊來添加多個光標。每一個光標的操做都將是獨立的，且僅做用於它所在的位置。使用Ctrl+Alt+Up或Ctrl+Alt+Down能夠快捷地在當前光標的上方或下方添加新的光標。

Ctrl+D將選中當前光標所在的詞，若是是在選中該詞的狀況下使用，則會同時選中該詞下一次出現的地方（譯者注：即多重選擇）。若是某次的匹配並非你想要選擇的，Ctrl+K再Ctrl+D能夠跳過此次匹配進而匹配下一個。

提示：Ctrl+Shift+L能夠選中文件中全部該詞出現的地方。

擴大或縮小選擇範圍

使用Shift+Alt+Right或Shift+Alt+Left快速地擴大或縮小選擇範圍（適應全部語言）。

效果以下圖所示:

IntelliSense 智能感應

咱們一樣支持單詞補全功能，對於更豐富的語言，像JavaScript、JSON、HTML、CSS、Less、Sass、C#以及TypeScript，咱們將提供更爲強大的IntelliSense體驗。當你拼寫一個單詞的時候，IntelliSense會在光標的位置彈出一個補全建議框（咱們稱呼它爲貼心24小時IntelliSense ），或者你能夠Ctrl+Space來手動打開它。能夠使用.、Tab、Enter來確認某個補全建議，固然你也能夠自定義這些快捷鍵。

提示：補全建議是支持駝峯命名的，因此你能夠輸入方法名的首字母來匹配補全建議。好比輸入"wl"將能夠匹配到"WriteLine"。

提示：IntelliSense能夠經過editor.quickSuggestions和editor.suggestOnTriggerCharacters來設置。

參數提示

在JavaScript、TypeScript或者C#的語法中，輸入一個方法調用以後將彈出相應的參數提示框。你能夠使用Up或Down在不一樣的重載方法中選擇你須要的參數提示。

Snippet與Emmet

咱們不但提供內置的跨語言Snippet，還支持Emmet功能。你能夠在HTML、Razor、CSS、Less、Sass、XML或Jade中對Emmet簡寫語句使用Tab來補全代碼。

（查看Emmet cheat sheet中的語法示例）

你一樣能夠定義你本身的Snippet：打開File | Preferences下的User Snippets，選擇語言以指定使用相應的Snippet。欲知更多請查看文檔中的自定製章節。

Go to Definition

若是是一種支持該功能的語言，你能夠在一個變量上使用F12跳至它被定義的地方。

If you press Ctrl and hover over a symbol, a preview of the declaration will appear:
若是按住Ctrl並用鼠標懸停在一個變量上，就會出現聲明該變量地方的預覽：

提示：使用Ctrl+單擊能夠跳至變量被定義的地方，或者使用Ctrl+Alt+單擊打開定位在該變量被定義位置的側邊新窗口。

Goto Symbol

在一個文件中使用Ctrl+Shift+O能夠在Symbol（譯者注：經測試，這裏指的應該是全局變量和函數）間導航。輸入:能夠將Symbol分類排列，接着Up或Down就能夠定位了。

經過名稱定位Symbol

在C#和TypeScript中，使用Ctrl+T能夠快速在多個文件中定位Symbol。輸入Symbol的首字母，無需在乎哪一個文件包含它，按下Enter便可定位到定義的位置。

Gutter indicators 側邊指示器

若是打開的文件夾同時是一個Git倉庫，在對其中文件進行修改時，VS Code將會在編輯器左側顯示出頗有幫助的指示標記。

• 紅色三角指示有被刪除的行（譯者注：被刪除的是一行或多行）

• 綠條指示新增的行

• 藍條指示有所修改的行

Peek 先睹爲快

在茫茫碼海中想要快速檢查某個變量是極其麻煩的，爲此咱們特地製做瞭解決這個煩惱的Peek編輯窗。當你執行引用搜索（能夠經過Shift+F12）或者查看定義位置（能夠經過Alt+F12）的操做後，Peek編輯窗將顯示並懸停在該行下：

提示：你能夠在Peek編輯窗中不一樣的變量引用之間來回切換，若是有須要，你甚至能夠直接在Peek編輯窗中作代碼修改！

提示：單擊Peek編輯窗上的文件名或雙擊右側引用列表中的某個引用，Peek編輯窗之下的編輯器將直接定位到該引用所在位置。

鼠標懸停

鼠標懸停能夠顯示出一些頗有用的信息，好比某個變量的類型，又或者，在CSS中，懸停在某個選擇器之上，將顯示被匹配到的HTML元素（譯者注：固然，鼠標懸停遠不止這兩個做用，更多的用法能夠多嘗試嘗試自行摸索出來）：

引用信息

C#支持行上標記引用的信息，而且是實時更新的，效果以下圖：

提示：單擊這些標記信息會直接調用Find References操做。

提示：經過配置文件中的editor.referenceInfos能夠設置打開或關閉此功能。

重命名Symbol

TypeScript和C#中對Symbol的重命名，直接在其上按下F2並作出修改後再按下Enter便可，文件中全部對其的引用都將被更改（包括其餘文件中的引用）。

快速修改

JavaScript和CSS支持該功能。若是某段語句出現的問題能夠被快速修改，光標置於其上時，下方就會出現一個小燈泡的標記。在下圖的例子中，因爲使用到了Node.js內置對象__dirname，快速修改就會是建議下載包含全部Node.js的定義的文件並將引用添加至node.d.ts中。

Errors & Warnings

代碼中Warning和Error的產生，通常是經過已配置任務或富態語言自身的檢查來完成的，它們會在後臺不斷地分析你的代碼以更新提示信息。Warning和Error將會顯示在以下幾處：

• 狀態欄中會顯示出Warning和Error的計數。

• 單擊上述計數或者按下Ctrl+Shift+M能夠查看錯誤信息清單。

• 若是你打開的文件中含有Warning或Error，命令窗口中輸入!即會出現其相應信息。

提示：使用F8或者Shift+F8能夠在Warning和Error中快速跳轉，並會在下方顯示出問題的描述信息以及能夠快速修復的建議。效果以下圖：