个人比较喜欢的Visual Studio 的插件

VSColorOutpu （2022） VSColorOutput64

 

让输出窗口的不同内容按不同颜色显示，警告和错误一目了然

 

https://zhuanlan.zhihu.com/p/265287451

BundlerMinifier，静态资源最小化打包工具

对前端资源的自动化打包工具，可将多个静态资源压缩成一个min文件，支持以下打包和编译转换功能：

将CSS，JavaScript或HTML文件捆绑到单个输出文件中

保存源文件会自动触发重新捆绑

支持globbing模式

MSBuild支持支持CI方案

缩小单个或捆绑的CSS，JavaScript和HTML文件

每种语言的缩小选项都是可自定义的

打开生成的文件时显示水印

Task Runner Explorer集成

命令行支持

更新解决方案中所有捆绑包的快捷方式

抑制输出文件生成

转换为Gulp

Code Metrices，代码复杂度评估插件

每个方法前都会显示代码复杂度，实时提醒你代码该重构了。不同程度的复杂度将会以不同的颜色提醒你

WebEssentials，前端工具集

用VS写前端的最强工具集，包含了一系列的前端工具，如果你正在编写CSS, HTML, JavaScript, TypeScript, CoffeeScript 或者 LESS，那么你会发现Web Essentials的很多新的功能会使你的开发生活变得更简单。

https://zhuanlan.zhihu.com/p/265287451

 

这个链接

https://www.cnblogs.com/zhangmumu/p/12168280.html

Markdown Editor

Markdown Editor
一个在visual studio 中的markdown工具

功能齐全的Markdown编辑器，具有实时预览和语法突出显示功能。支持GitHub风格的Markdown。

• 支持github风格
• 可直接黏贴图片
• 滚动实时预览
• 语法高亮
• 可自定义样式表

推荐理由：听上去在Visual Studio中使用Markdown编辑器，似乎有点杀鸡用牛刀，有些项目的文档说明就是md格式的，遇到这种格式文档，在VisualStudio中浏览还是挺方便的

ZenCoding

ZenCoding
基于CSS的语法生成HTML标记的快速方法。
要调用ZenCoding，请编写语法并TAB按键以生成标记。

例子：

语法 ul> li * 3生成：

语法 #foo > span 生成：

语法ul> li * 4> a {test $}生成：

推荐理由：如果你是初学者，我并不推荐使用这款插件，作为老手，可以快速提升你的写HTML页面的速度。

 

 

JSON Viewer

JSON Viewer
用于显示和处理JSON数据。安装后，可以在主菜单中找到它：工具-> JSON Viewer。

• 能够从剪贴板打开初步格式的JSON数据
• 可以打开空的临时JSON文件
• 比较两个JSON数据的能力
• 评估JSONPath表达式的能力
  截图1.开始窗口。

 

CodeMaid

CodeMaid 快速整理代码文件，规范你的代码，提高代码阅读体验。 代码自动对齐，格式化代码（ps：不用再按快捷键Ctrl+k+F了） 添加未指定的访问修饰符 清除无用的命名空间 删除空行、空格

推荐理由：我非常喜欢他的一点就是代码自动格式化，良好的代码前提是整理好你的代码，在团队协作开发时，提交代码容易不小心改动一行或者一个空格， 这个工具可有效避免。

 

vs合并压缩css,js插件——Bundler & Minifier

 

插件功能说明：

1.合并多个css，js，html文件为一个单独的文件

2.保存源文件自动重新组合。

3.压缩css,js，html文件

等等。。。（其他我没用到，就不写了，可以看插件的英文说明）

 

 

div class="item-header-content light">

Image Optimizer (64-bit)

在Visual Studio的解决方案中，为图片或包含图片的文件夹添加右键菜单，可对图片进行压缩，无损压缩。

 

在VS扩展工具中安装

安装好后在VS资源管理器中选择图片右键，在右键菜单中会多出一个 Image Optimizer选项

 

Lossless Optimize Image:无损压缩

Lossy Optimize Image:有损压缩

Copy base64 DataURI to clipboard：将图片转出Base64数据类型，并复制到剪切板中