- Vixual - http://www.vixual.net/blog -

Visual Studio Code 的安裝說明，以及推薦的延伸模組 (Windows/Linux)

Posted By citypig On In Coding,Computer,Server | No Comments

微軟開發的 Visual Studio Code (簡稱 VS Code) 是一套非常熱門的「編輯器」! VS Code 跨平台，且開放原始碼。它雖然僅是一個輕量版的編輯器，卻可經由安裝延伸模組來支援程式碼語法突顯、偵錯、自動補全、重構、Markdown...等琳瑯滿目功能，打造你夢想中的 IDE (整合開發環境)。

VS Code 預設僅支援 JavaScript、TypeScript、CSS、HTML，同樣能透過下載延伸模組來支援 Python、C/C++、Java、Perl、Go... 等其他程式語言。

安裝 VS Code

下載網址:

for Windows:

下載 .exe 執行檔來安裝...沒什麼特別要寫的。

for RHEL/CentOS Linux:

下載 .rpm 檔，安裝指令:

$ rpm -ivh Filename.rpm

執行 VS Code:

$ code

for Ubuntu Linux:

下載 .deb 檔，安裝指令:

$ dpkg -i Filename.deb

執行 VS Code:

$ code

Web Editor:

如果你什麼都不想要裝，那麼還有 Web 版的 VS code 可直接使用: https://vscode.dev/，可編輯你電腦中的檔案。

同時在這網站也可以讓你透過遠端通道 (Tunnels) 存取你電腦上的 VS Code 與檔案。

 

本站推薦的 VS Code 延伸模組

for Python:

for Perl:

加強程式功能:

AI

網頁/圖片編輯:

顯示/美化:

Markdown:

管理:

SVN 版本控制:

其它:

 

VS Code 常用的鍵盤快速鍵

系統與偵錯

編輯相關

選取項目

多重游標編輯

設定檔

你在偏好設定裡做的修改都會儲存到一個設定檔。

偏好設定是每個程式語言都通用的，如果你想讓不同程式語言使用不同的設定，可於設定檔中加入如下的設定:

"files.associations": {
    "*.py": "python",
    "*.py2": "python",
    "*.py3": "python",
    "*.pym": "python",
    "*.pl": "perl",
    "*.pm": "perl",
    "*.cgi": "perl"
 },
 "[python]": {
     // Python 專用的設定
},
 "[perl]": {
     // Perl 專用的設定
},

 

使用 Tabs (\t) 進行縮排

我是偏好在程式碼中使用「Tabs (\t)」進行縮排的。如果要避免 VS Code 編輯器將 Tabs 轉成空白字元，可於偏好設定中將這兩個選項取消勾選:

等同於在設定檔中加入這兩行:

    "editor.detectIndentation": false,
    "editor.insertSpaces": false,

但問題是，程式語言的格式器 (Formatter) 在重新排版你的程式碼時，仍會毫不留情地將 Tabs 轉成空白字元!! 所以，除非你不使用格式器，否則勸你乾脆放棄這些堅持，讓格式器幫你決定!

 

參考網頁