个人比较喜欢的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数据类型,并复制到剪切板中

 

posted @ 2021-06-28 11:12  LuoCore  阅读(1516)  评论(0编辑  收藏  举报