您的位置:首页 > 其它

Visual Studio Code Extension 推荐

2017-04-13 22:49 1091 查看
总结一下本人常用的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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息