VsCode 常用插件清單


插件離線安裝說明

在一些內網開發環境中,無法做到在線安裝,這個時候就需要對插件進行離線安裝

  1. 打開 VSCode 插件市場網址 Extensions for the Visual Studio family of product,輸入你想要的插件名稱,比如這里我想要安裝的是 Markdown All in One 插件

  2. 點擊進入插件主頁,點擊右側的 Download Extension 鏈接,得到下載下來的離線安裝包,以 .vsix 為擴展名結尾.

  3. 把下載下來的離線安裝包拷貝到 VSCode 的安裝目錄下的 bin 目錄下,比如我的 VSCode 安裝在 D:\Microsoft VS Code\,因此這里我應該拷貝到D:\Microsoft VS Code\bin 這個目錄下

  4. 在第 3 步的 bin 目錄下右鍵點擊 在此處打開命令窗口,輸入命令,最后面的參數換成你下載的插件離線安裝包的名字即可:
    code --install-extension yzhang.markdown-all-in-one-1.4.0.vsix
    待看到如下提示即意味着安裝成功,就可以打開 VSCode 進行查看了

Extension ‘yzhang.markdown-all-in-one-1.4.0.vsix’ was successfully installed!installed!

至此,離線安裝 VSCode 插件就算結束了.

VsCode 常用插件清單

插件安裝后存放路徑:C:\Users\Administrator.vscode\extensions

插件 說明
Beautify Beautify 允許你用自己的自定義風格配置格式化 html、js、css、SON 和 sass文件。它在內部 js-beautify 的基礎上進行了擴展,使其可以自定義為您的個人風格。
Better Comments 這個擴展允許你為你的評論添加語義。它可以將評論分類,比將評論分為提醒、查詢、待辦事項和亮點。
Bookmarks 這款軟件是個救星,特別是當你發現自己在幾百行代碼中迷失了方向時。這個擴展可以讓你在任何一行代碼上做書簽。然后,當你需要回去的時候,你只需要瀏覽一下書簽列表,然后選擇你要訪問的行。
Bracket Pair Colorizer 2 這款軟件的作用和它的名字一樣。它對相關的方括號進行顏色編碼。這對你來說有很大的幫助,當你結束了幾個范圍深入到代碼中時。
Chinese (Simplified) (簡體中文) Language Pack for Visual Studio Code 適用於 VS Code 的中文(簡體)語言包
Code Runner 代碼一鍵運行,支持超過 40 種語言
format in context menus 這個擴展名允許你只需在側邊欄中選擇所有的文件,就可以將其格式化。當你有大量的文件,而你的環境又不支持格式化器和襯墊時,這一點特別有用。
Open In Default Browser 使用瀏覽器快速打開html
vscode-icons 讓 vscode 資源樹目錄加上圖標,必備良品
Path Intellisense 路徑自動補全插件
Live Preview 本地 web 服務

Beautify

安裝地址:https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify
image

Better Comments

安裝地址:https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
image

Bookmarks

安裝地址:https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks
image

Chinese (Simplified) (簡體中文) Language Pack for Visual Studio Code

安裝地址:https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans

image

Vetur

安裝地址:https://marketplace.visualstudio.com/items?itemName=octref.vetur
image

Bracket Pair Colorizer 2

安裝地址:https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2

image

Format in Context Menus

安裝地址:https://marketplace.visualstudio.com/items?itemName=lacroixdavid1.vscode-format-context-menu
image

Code Runner

安裝地址:https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner

image

Open In Default Browser

安裝地址:https://marketplace.visualstudio.com/items?itemName=peakchen90.open-html-in-browser
image

vscode-icons

安裝地址:https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
image

Path Intellisense

安裝地址:https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
image

Live Preview

安裝地址:https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-server
image


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM