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

因为最近录制视频的缘故,很多朋友都在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 项目实战入门视频课程_完整版

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

角落的白板报

52ABP官方

文章都是52ABP官方发布和原创归纳整理的信息

相关推荐:

Image Description

【告用户书1】52ABP站长的过去几年来的感悟

  • 2018/09/30
  • /
  • 9

# 序 所有的文章都会有序言,我的当然也不例外。 因为职业和工作的关系,很少有时间陪伴家人,感谢妻子10年以来的容忍和支持,感谢女儿给我生活带来的乐趣。 希望孩子长大了之后能热爱编程(可以不用以它谋生)。 ## 关于编程 世界上有两类程序员。 一类是为了谋生。 ...

[52ABP系列] - 002、模板项目配合代码生成器开发

  • 2018/09/30
  • /
  • 0

# 前言 本篇的主要内容是 52ABP SPA模板如何配合52ABP代码生成器开发项目 如果不了解 52ABP 项目请先看我的第一篇文章 [[52ABP系列] - 001、SPA免费项目模版搭建教程](https://52abp.com/Blog/BlogDetails/1) #### 话不多说...

[52ABP] - 001、SPA免费项目模版搭建教程

  • 2018/09/30
  • /
  • 0

### 前言 这个项目是基于 **ABP ASPNetCore** 免费版,整合 **NG-Alian** 和 **NG-Zorro** 的项目,所以比较适合熟悉 **ABP** 和 **Angular2+** 的开发人员, 如果你是新手,学习的话可以先了解以下资料 ABP资料: ...