角落的开发工具集之Vs(Visual Studio)2017插件推荐

因为最近录制视频的缘故,很多朋友都在QQ群留言,或者微信公众号私信我,问我一些工具和一些插件啊,怎么使用的啊?那么今天我忙里偷闲整理一下清单,然后在这里面公布出来。

Visual Studio 2017 扩展

Visual Studio 2017 15.4.4 : 目前是最新的版本号,所有的工具&插件都支持这个版本号。所以请对号入座。

  • ReSharper : 首先的是Resharper,这个基本是目前是我开发过程中必备的工具集,唯一的缺点就是吃内存,所以你的内存要是低于8G,就不要使用它了。它的特点可以快速重构、高亮显示错误、导航和搜索都很方便、智能提示、智能复制这个我特别喜欢等等,用着它你会感受到很多惊喜。

  • Extensibility Tools :必备工具,他是基于visual studio上的拓展功能,增加了编码显示、智能感知、强化智能提示、代码段处理、自动提示html的标签工具等特点,而且下面提到的部分工具也是基于它的强化。

  • GitHub Extension for Visual Studio: 在Visual Studio中连接到GitHub的插件,直接在插件上管理github上的大部分功能都涵盖了。你如果不知道github是啥,请自行搜索。

  • BrowserSync: ASP.NET项目的Visual Studio扩展,利用Browser Link来同步表单域项,页面导航和滚动位置。简单来说就是你在开发的时候同时打开了5个页面,它可以帮助你同时刷新这5个页面。

  • Browser Reload on Save : 这个工具可以和上面的BrowserSync
    工具配合,你在修改某个页面的时候,保存了同时所有的页面都会自动保存及刷新哦。

  • CodeMaid: 可快速整理代码文件,清理不必要的代码和杂乱的格式。并在开发时实时提供代码复杂度的报告,以便帮助开发人员降低代码复杂度、提高代码质量。

  • ImageOptimizer: 它是一个图片的优化工具,优化任何JPEG,PNG、Gif 格式的图片文件,基本可以做到无损优化,1M的图片优化后只有300KB左右。

  • ImageSprites: 少侠,听过雪碧图吗?这就是个雪碧图插件。帮助我们把所有的图片都整合在一个图片上,以降低对服务器的请求数量和节约我们的流量。

  • Web Compiler : 帮助我们对LESS, Sass, JSX, ES6 和CoffeeScript 这些文件做解析,当然功能比这个要强大点,但是我基本只用了它们,如果你用了前后端分离。估计这个插件就要退出舞台了。

  • Bundler & Minifier:将多个js或者css文件合并为一个文件。道理和雪碧图一样,但是如果你用了前后端分离。估计这个插件就要退出舞台了。

  • File Differ: 顾名思义用于比较两个文件的不同之处,自己想想业务场景,是不是很需要啊。

  • File Icons : 为解决方案资源管理器无法识别的文件添加图标。简单来说根据后缀名把文件图标改改。

  • File Nesting : 帮助您将两个文件嵌套在一起,也可以把嵌套在一起的文件拆开。场景:bootstrap.js可以和bootstrap.min.js折腾成一个文件。

  • Open Command Extension:支持所有类型的控制台,如cmd,PowerShell,Bash等等。您可以通过在选项中设置路径和参数来轻松配置使用哪一个。

  • Indent Guides:为缩进添加竖线。

  • ZenCoding 使用仿CSS选择器的语法来快速开发HTML和CSS ——由Sergey Chikuyonok开发,可以快速提升你的写HTML页面的速度。当然它现在改名叫做“Emmet”了,但是在VS里面依然叫做ZenCoding。GitHub地址:ZenCoding

  • Markdown Editor:一个在visual studio 中的markdown工具,虽然在VS中用markdown工具有点杀鸡用牛刀但是偶尔还是比较实用的。

  • CSS AutoPrefixer: 这个工具就可以检测你的CSS,也支持变量、混合宏、未来的CSS特性,内联图像等等。内置了PostCSS 让你少些很多前缀代码。

  • HTML Snippet Pack: 帮助你快速写HTML页面提供的代码段,作用和ZenCoding类似。

  • Bootstrap Snippet Pack : 使用Bootstrap框架的网页开发人员的代码片段包,超级实用。配合ZenCoding如有神助。

  • JavaScript Snippet Pack : 顾名思义,JS的代码段快速工具。

最后推荐它

  • ABP Code Generator: ABP框架配套的代码生成器,用于大家在日常开发过程中节约时间,把更多的精力放于业务逻辑的处理中。目前支持.net framework版本,暂时不支持.net core。这个是我自己做的工具,喜欢abp框架的可以下载配套和它一起使用。

如何安装

1 你可以打开“https://marketplace.visualstudio.com/vs” 将名字逐一的复制进去,然后搜索下载安装。
官网.png
2 另外一种方式,打开VS 找到工具菜单栏下面的扩展和更新,进行搜索yoyocms就可以下载ABP代码生成器了,如下图。
导航图.png

相关课程介绍:
Asp.NET Core2.0 项目实战入门视频课程_完整版

欢迎关注微信公众号:角落的白板报

角落的白板报

posted @ 2018-01-02 22:35  梁桐铭  阅读(7781)  评论(5编辑  收藏  举报