Visual Studio Code Extension 推荐

总结一下本人常用的vscode插件（扩展），供大家参考。

vscode插件离线下载

vscode官网本身没有提供插件离线下载的地方，但是根据插件url可以自行拼接出下载地址，拼接规则如下。

https://${publisher}.gallery.vsassets.io/_apis/public/gallery/publisher/${publisher}/extension/${extension name}/${version}/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage

例如 better-merge在官网地址如下

https://marketplace.visualstudio.com/items?itemName=pprice.better-merge

根据url末尾获取

${publisher} = pprice ${extension name}=better-merge，

再从链接过去的页面中获取

${version}=0.6.0

依次替换上述的地址就可以完成插件离线下载了。
离线下载的安装包将扩展名改为vsix，从下图位置可以离线安装（请升级到最新版的vscode）。

常用插件介绍

auto-rename-tag
简介：目前版本的vscode对于html尙不提供自动更换标签名，例如将div修改为p，需要同时修改开闭标签。此插件会自动检索匹配标签，同时更名。
官网：https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
离线：https://formulahendry.gallery.vsassets.io/_apis/public/gallery/publisher/formulahendry/extension/auto-rename-tag/0.0.11/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage

better-merge
简介：使用git解决冲突时，提供一键选择版本。
官网：https://marketplace.visualstudio.com/items?itemName=pprice.better-merge
离线：https://pprice.gallery.vsassets.io/_apis/public/gallery/publisher/pprice/extension/better-merge/0.6.0/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage

bracket-pair-colorizer
简介：提供括号自动匹配，不同级括号在代码中用不同的颜色标识，增加代码的可读性。
官网：https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer
离线：https://CoenraadS.gallery.vsassets.io/_apis/public/gallery/publisher/CoenraadS/extension/bracket-pair-colorizer/0.10.0/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage

docthis
简介：一键生成代码注释模板
官网：https://marketplace.visualstudio.com/items?itemName=joelday.docthis
离线：https://joelday.gallery.vsassets.io/_apis/public/gallery/publisher/joelday/extension/docthis/0.4.3/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage

fileheadercomment
简介：自动生成文件注释
官网：https://marketplace.visualstudio.com/items?itemName=doi.fileheadercomment
离线：https://doi.gallery.vsassets.io/_apis/public/gallery/publisher/doi/extension/fileheadercomment/0.0.3/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage

gitlens
简介： 最好用git插件，功能强大，强烈推荐。
官网：https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
离线：https://eamodio.gallery.vsassets.io/_apis/public/gallery/publisher/eamodio/extension/gitlens/3.4.5/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage

html-snippets
简介：更加完善的html标签自动补全插件，自动生成开闭标签。
官网：https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets
离线：https://abusaidm.gallery.vsassets.io/_apis/public/gallery/publisher/abusaidm/extension/html-snippets/0.1.0/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage

htmlhint
简介：html文件代码检查插件，规范你的代码！
官网：https://marketplace.visualstudio.com/items?itemName=mkaufman.HTMLHint
离线：https://mkaufman.gallery.vsassets.io/_apis/public/gallery/publisher/mkaufman/extension/htmlhint/0.3.3/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage

jshint
简介：js文件代码检查插件，代码规范起来！
官网：https://marketplace.visualstudio.com/items?itemName=dbaeumer.jshint
离线：https://dbaeumer.gallery.vsassets.io/_apis/public/gallery/publisher/dbaeumer/extension/jshint/0.10.15/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage

language-stylus
简介：提供stylus文件支持
官网：https://marketplace.visualstudio.com/items?itemName=sysoev.language-stylus
离线：https://sysoev.gallery.vsassets.io/_apis/public/gallery/publisher/sysoev/extension/language-stylus/1.6.0/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage

npm-intellisense
简介：自动检测安装的npm包，require import时自动提示。
官网：https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense
离线：https://christian-kohler.gallery.vsassets.io/_apis/public/gallery/publisher/christian-kohler/extension/npm-intellisense/1.3.0/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage

path-intellisense
简介：文件路径自动补全，html的src，js的require import等
官网：https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
离线：https://christian-kohler.gallery.vsassets.io/_apis/public/gallery/publisher/christian-kohler/extension/path-intellisense/1.2.0/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage

code-settings-sync
简介：vscode配置同步，需要github账号。
官网：https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync
离线：https://Shan.gallery.vsassets.io/_apis/public/gallery/publisher/Shan/extension/code-settings-sync/2.6.2/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage

vscode-icons
简介：vscode文件图标主题
官网：https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons
离线：https://robertohuertasm.gallery.vsassets.io/_apis/public/gallery/publisher/robertohuertasm/extension/vscode-icons/7.5.1/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage