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

Toggle

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

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

Remote SSH

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

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

Revision Navigation

安裝VS Code


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

1 thought on “VSCode免費跨平臺網頁編輯工具”

  1. Pingback: 網頁設計常用軟體(附下載地址及截圖) - Web4Theme

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *