Visual Studio Code 必备插件

摘要:
超级实用和初步的H5代码片段和提示。HTMLHint:让html标记编写当前项目支持的样式的类智能提示。新版本已经支持scss文件检索,这将自动帮助您完成尾部结束标记的同步修改。路径自动完成:使用系统当前的默认浏览器。ClassAutocomplete for HTML:让vscode映射chrome的调试函数,提供有关CSS中使用的颜色的信息。

HTML Snippets: 

超级实用且初级的 H5代码片段以及提示

.

HTMLHint: 
html代码检测

.

HTML CSS Support : 
让 html 标签上写class 智能提示当前项目所支持的样式。新版已经支持scss文件检索,这个也是必备插件之一

.

Auto Close Tag : 
匹配标签,关闭对应的标签。很实用【HTML/XML】

.

Auto Rename Tag : 
修改 html 标签,自动帮你完成尾部闭合标签的同步修改

.

Path Autocomplete : 
路径智能补全

.

Path Intellisense : 
路径智能提示

.

JavaScript Snippet Pack: 
针对js的插件,包含了js的常用语法关键字,很实用;

.

JavaScript (ES6) code snippets

ES6的代码片段

.

View InBrowser: 
从浏览器中查看html文件,使用系统的当前默认浏览器

.

Class autocomplete for HTML: 
编写html代码的朋友们对html代码的一大体现就是重复,如果纯用手敲不仅累还会影响项目进度,这款自动补全插件真的很棒;

.

beautify : 
格式化代码的工具,可以格式化JSON|JS|HTML|CSS|SCSS,比内置格式化好用

.

Debugger for Chrome: 
让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试,真666~

.

jQuery Code Snippets: 
jquery 重度患者必须品

.

vscode-icon: 
让 vscode 资源树目录加上图标,必备良品!

.

VSCode Great Icons: 
另一款资源树目录图标 
.

colorize : 
会给颜色代码增加一个当前匹配代码颜色的背景,非常好

.

Color Info: 
提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息了。

.

Bracket Pair Colorizer: 
让括号拥有独立的颜色,易于区分。可以配合任意主题使用。

.

vscode-fileheader: 
顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间

.

Document This : 
js 的注释模板 (注意:新版的vscode已经原生支持,在function上输入/** tab)

.

filesize: 
在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间

.

Code Runner : 
代码编译运行看结果,支持众多语言

.

Bootstrap 3 Sinnpet: 
常用 bootstrap 的可以下

.

GitLens: 
丰富的git日志插件

.

vetur: 
vue语法高亮、智能感知、Emmet等

.

VueHelper: 
vue代码提示

.

Bookmarks: 
一个书签工具,还是很有必要的


tortoise-svn: 
SVN的集成插件

open in  browser

用浏览器预览运行html文件

后续会持续添加实用的插件,如果各位大佬不错的插件也可以分享出来哦~

原链接:https://www.cnblogs.com/huanghuali/p/9525153.html

 

免责声明:文章转载自《Visual Studio Code 必备插件》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇客户端软件GUI开发技术漫谈:原生与跨平台解决方案分析JSP中字符编码转换问题下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

前端性能优化之uniapp

性能优化自古以来就是重中之重,这里就简单了解下吧(具体自己研究去,懂得都懂): uniapp官方性能优化文档:https://uniapp.dcloud.io/performance 1、使用v3编译,跟紧官方每一次优化配置和建议 2、减少高频动画和监听,减少对象数量 3、图片请压缩后使用,避免大图,简单代码能实现的就不要图片,也可采取svg去优化 4、组...

Chrome DevTools谷歌浏览器开发者工具评估资源加载时间

[ 使用Network(网络)面板评估网站的网络性能。 Network(网络)面板记录在页面上有关每个网络操作的信息,包括详细的时序数据,HTTP请求和响应头,Cookie等。 TL;DR 使用Network(网络)面板记录和分析网络活动。 以聚合(所有类型)或单个资源类型查看负载信息。 过滤和排序资源的显示方式。 保存,复制和清除网络记录。 根据您的...

Azure DevOps Pipelines执行RobotFramework自动化测试

一、Azure DevOps介绍 1.什么是 Azure DevOps? Azure DevOps其实是VSTS(Visual Studio Team Service)更名后的名字。而VSTS是TFS(Team Foundation Server)的在线版本。所以Azure DevOps可以理解为是放在Azure云上的TFS,当然我们既可以使用在Azure...

火狐浏览器插件安装及推荐

浏览器插件可以大大提高浏览器的使用效率,如广告过滤、快速下载等等工具几乎是大家不可或缺的好帮手。Edge、Chrome、Firefox等浏览器都有非常完善的插件商店。相对于Chrome,Firefox安装插件不需要FQ;相对于Microsoft Edge,Firefox可以在Android,MAC,Linux等平台下进行同步,非常方便。所以我们今天以Fire...

网络管理snmp实验

一、实验目的: 1)学习教材“8.1Windows管理命令”,熟练掌握操作系统自带的基本网络测试工具,课外完成。 2)学习并掌握snmputil命令的格式及基本使用。 二、实验要求提示: 1)分别使用Snmputil, SnmpUtilG试验(相关软件和资料见“资料/其他 ”)。 2)先对自己使用的计算机,再两人一组、对同学的计算机进行网管实验。 1)查看...

二维码知识介绍(转)

一、二维码的分类 二维码,从字面上看就是用两个维度(水平方向和垂直方向)来进行数据的编码,条形码只利用了一个维度(水平方向)表示信息,在另一个维度(垂直方向)没有意义,所以二维码比条形码有着更高的数据存储容量。 从形成方式上,二维码可以分为两类, 1、堆叠式二维码:在一维条形码的基础上,将多个条形码堆积在一起进行编码,常见的编码标准有PDF417等   ...