VSCode免費跨平臺網頁編輯工具

VS Code是什麼

VSCode（全稱：Visual Studio Code）是一款由微軟開發且跨平台的免費網頁源代碼編輯器。該軟體支持語法高亮、代碼自動補全（又稱 IntelliSense）、代碼重構、查看定義功能，並且內置了命令行工具和 Git 版本控制系統。用戶可以更改主題和鍵盤快捷方式實現個性化設置，也可以通過內置的擴展程序商店安裝擴展以拓展軟件功能。

在 2019 年的 Stack Overflow 組織的開發者調查中，Visual Studio Code 被認為是最受開發者歡迎的開發環境。VSCode靚照

VS Code基本功能

Visual Studio Code 默認支持非常多的編程語言，包括 JavaScript、TypeScript、CSS 和 HTML；也可以通過下載擴展支持 Python、C/C++、Java 、Markdown, HTML/CSS, PHP, Powershell, JSON和 Go 在內的其他語言。支持功能包括語法高亮、括號補全、代碼折疊和代碼片段；對於部分語言，可以使用 IntelliSense。Visual Studio Code 也支持調試 Node.js 程序。和 GitHub 的 Atom一樣，Visual Studio Code 也基於 Electron 框架構建。

作為跨平台的編輯器，Visual Studio Code 允許用戶更改文件的代碼頁、換行符和編程語言。

常用Extensions擴展插件

在VSCode左邊有個擴展面板，通過這個marketplace，可以安裝很多新奇有趣的擴展

代碼書籤(Numbered Bookmarks)

https://marketplace.visualstudio.com/items?itemName=alefragnani.numbered-bookmarks

遠程開發(Remote Development) 直接打開服務器上的文件進行網頁開發，先在服務器加上自己的public key，就可以直接連上去，很方便

https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack

Git源代碼版本管理擴展GitLens — Git supercharged

https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

安裝VS Code

VScode 官網地址：https://code.visualstudio.com/
VScode 官方文檔地址：https://code.visualstudio.com/docs
可以在 VScode 官網首頁下載對應系統（支持Windows、Linux、macOS）的軟體，根據提示一步一步安裝即可。