為什麼選擇 Visual Studio Code

標籤：cas   下載   asc   scripts   key   man   高效   rbo   斷點   

為什麼選擇 Visual Studio Code

你在 VS Code 中找到的每個功能都完成一項出色的工作，構建了一些簡單的功能集，包括文法高亮、智能補全、整合 git 和編輯器內建調試工具等，將使你開發更高效。

所有你所找到的 包(packages) 都是用 JavaScript 構建的，因此任何人都可以輕鬆地編寫自己的擴充包。您可以在這裡找到有關擴充的文檔: https://code.visualstudio.com/docs/extensions/overview

功能 Features

VS Code 最重要的功能是它的側邊欄，它整合了在編碼和重構時會用到的核心功能，你需要的其他任何功能都可以通過安裝擴充來滿足。

智能感知 IntelliSense

一個非常有用的文法高亮和自動完成功能，提供了基於變數類型、函數定義和匯入模組的自動補全功能。

https://code.visualstudio.com/docs/editor/intellisense

調試 Debugging

內建調試器可以通過添加斷點和觀察器進行調試，以協助你加快編輯，編譯等。
預設情況下，它支援 NodeJS ，並且可以調試任何可以被轉換為 JavaScript 的語言（愚人碼頭註：比如，TypeScript 等），但像 C++ 或 Python 這樣的其他運行時則需要安裝擴充才能進行調試。

https://code.visualstudio.com/Docs/editor/debugging

內建 Git

VS Code 內建了一個 Git GUI，支援最常用 Git 命令，這使得您可以很容易地看到您在項目中所做的更改。

主題及色彩配置即時預覽

當你改變 VS Code 的主題及色彩配置時，你可以在選擇一個，以即時預覽它們。

終端命令列工具 Terminal

VS Code 提供了一個功能齊全的整合終端，可以讓你選擇終端，並且運行常用命令。

表徵圖

跟主題及色彩配置的修改類似，VS Code 也提供了表徵圖主題的修改功能，如下所示：

使 VS Code 更容易上手的外掛程式

下面的外掛程式能夠讓你很方便的從你以前最喜歡的編輯器切換到 VS Code ，比如映射你熟悉的鍵盤快速鍵。

由於編輯器的相對最近發布的 VS Code 中也新增了像 minimap 這樣的功能，但 VS Code 的擴充外掛程式顯然發展的更快。

Atom Keymap (Atom 鍵盤快速鍵)

在安裝這個外掛程式並重啟 VS Code 之後，將使你的 VS Code 中可以使用 Atom 的鍵盤快速鍵。

https://marketplace.visualstudio.com/items?itemName=ms-vscode.atom-keybindings

Git Easy

這個外掛程式可以匯入下面的 Git 命令，以便您可以在命令選擇區中使用。和 Atom 中實用非常相似。

• Git Easy: Init
• Git Easy: Add Origin
• Git Easy: Add Remote
• Git Easy: Add File/Directory
• Git Easy: Add All Modified
• Git Easy: Commit
• Git Easy: Pull Current Branch from Origin
• Git Easy: Push Current Branch to Origin
• Git Easy: Push Current Branch (to any remote)
• Git Easy: Status
• Git Easy: Create New Branch
• Git Easy: Change/Checkout Existing Branch
• Git Easy: Log All
• Git Easy: Log Current File

https://marketplace.visualstudio.com/items?itemName=bibhasdn.git-easy

Sublime Keymap (Sublime 鍵盤快速鍵)

在安裝這個外掛程式和重啟 VS Code 之後，將在 VS Code 中匯入 Sublime Text 的鍵盤快速鍵。可以通過 VS Code 的強大智能感知來使用熟悉的 Sublime Text 鍵盤快速鍵。

https://marketplace.visualstudio.com/items?itemName=ms-vscode.sublime-keybindings

最佳外掛程式推薦

VS Code 的使用並不需要很多的外掛程式外掛程式，但下面介紹的外掛程式肯定會讓你變得更有效率。我介紹的以下外掛程式是一些最有用的外掛程式。

外掛程式市場： https://marketplace.visualstudio.com/VSCode

AutoFileName (檔案路徑自動補全外掛程式)

當你需要 require 本地檔案時，這個外掛程式將為你提供基於你輸入的檔案路徑的自動補全的選項。

https://marketplace.visualstudio.com/items?itemName=JerryHong.autofilename

ESLint

添加對 ESLint 的支援，並在安裝和重啟 VS Code 後自動開始工作。

https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

JavaScript (ES6) Code Snippets (程式碼片段外掛程式)

用程式碼片段加快 ES6 開發速度，例如輸入 imd 可以自動產生如下代碼：

JavaScript 代碼:

1. import { } from ‘somewhere‘;

https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets

Project Manager (專案管理器外掛程式)

簡單的專案管理器,可以在你的編輯器中快速切換項目。

https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager

Sort Lines (程式碼排序外掛程式)

這個外掛程式可以對選中的程式碼進行排序。也提供不區分大小寫、反向和唯一等排序功能。

https://marketplace.visualstudio.com/items?itemName=Tyriar.sort-lines

Wallaby.js (測試外掛程式)

一個進階的連續測試回合器，當您對您正在工作的檔案進行測試時，它會在你的編輯器中建立通過測試或測試失敗的視覺反饋。

https://marketplace.visualstudio.com/items?itemName=WallabyJs.wallaby-vscode

Sync Settings (設定同步外掛程式)

你很有可能在多台電腦上進行編碼工作。在電腦上移植你的外掛程式和設定是輕而易舉事，這要歸功於 Shan Ali Khan 的設定同步擴充。

https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync

Git History (Git 記錄外掛程式)

可視化的 Git 記錄外掛程式。

https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory

EditorConfig (代碼格式化外掛程式)

添加對 EditorConfig 的支援，因此當您格式檔案時，它會引用此約定。

https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig

Document This (JSDoc注釋外掛程式)

在 TypeScript 和 JavaScript 檔案中自動產生詳細的 JSDoc 注釋。

https://marketplace.visualstudio.com/items?itemName=joelday.docthis

npm Intellisense (npm 模組匯入外掛程式)

VS Code 擴充，在 import 匯入語句中自動完成npm 模組。

https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense

Align (代碼對齊外掛程式)

對齊文本，使代碼根據 =，:等對齊。

對齊前：

JavaScript 代碼:

1. var test = ‘string‘;
2. var another = 10;
3. var small = 10 * 10;

對齊後：

JavaScript 代碼:

1. var test = ‘string‘;
2. var another = 10;
3. var small = 10 * 10;

https://marketplace.visualstudio.com/items?itemName=steve8708.Align

amVim (vim 外掛程式)

目前 VS Code 中的最好用的 vim 外掛程式。不是下載最多的 vim 外掛程式，但它使用的是多指標，不像哪些下載最多的外掛程式。

https://marketplace.visualstudio.com/items?itemName=auiworks.amvim

change-case (命名格式外掛程式)

快速修改反白的選中文本的命名格式。 camelCase（駱駝拚命名），PascalCase（首字母大寫），kebab-case（中劃線命名），underscore_delimited（底線命名），CONSTANT（大寫命名）等。

https://marketplace.visualstudio.com/items?itemName=zhengxiaoyao0716.intelligence-change-case

vscode-icons (側邊欄表徵圖外掛程式)

可以更換側邊欄中漂亮的表徵圖。

https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons

 

http://www.css88.com/archives/8144

為什麼選擇 Visual Studio Code