插件離線安裝說明
在一些內網開發環境中,無法做到在線安裝,這個時候就需要對插件進行離線安裝
了
-
打開 VSCode 插件市場網址 Extensions for the Visual Studio family of product,輸入你想要的插件名稱,比如這里我想要安裝的是 Markdown All in One 插件
-
點擊進入插件主頁,點擊右側的 Download Extension 鏈接,得到下載下來的離線安裝包,以 .vsix 為擴展名結尾.
-
把下載下來的離線安裝包拷貝到 VSCode 的安裝目錄下的 bin 目錄下,比如我的 VSCode 安裝在 D:\Microsoft VS Code\,因此這里我應該拷貝到D:\Microsoft VS Code\bin 這個目錄下
-
在第 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
Better Comments
安裝地址:https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
Bookmarks
安裝地址:https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks
Chinese (Simplified) (簡體中文) Language Pack for Visual Studio Code
安裝地址:https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans
Vetur
安裝地址:https://marketplace.visualstudio.com/items?itemName=octref.vetur
Bracket Pair Colorizer 2
安裝地址:https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2
Format in Context Menus
安裝地址:https://marketplace.visualstudio.com/items?itemName=lacroixdavid1.vscode-format-context-menu
Code Runner
安裝地址:https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
Open In Default Browser
安裝地址:https://marketplace.visualstudio.com/items?itemName=peakchen90.open-html-in-browser
vscode-icons
安裝地址:https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
Path Intellisense
安裝地址:https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
Live Preview
安裝地址:https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-server