Visual Studio Code 必备插件

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

原文地址:https://www.cnblogs.com/DerekDeng/p/11616807.html

时间: 2024-10-03 22:37:16

Visual Studio Code 必备插件的相关文章

10.【转】Visual Studio Code 必备插件,主题及语法提示

原文地址:http://www.css88.com/archives/8064 小编推荐:掘金是一个面向程序员的高质量技术社区,从 一线大厂经验分享到前端开发最佳实践,无论是入门还是进阶,来掘金你不会错过前端开发的任何一个技术干货. Visual Studio Code 是由微软开发的一款免费的,跨平台文本编辑器.由于其出色的性能表现和丰富的功能,它很快成为了开发者的最爱. 与大多数 IDE 一样,VSCode 也有一个扩展市场,包含数千个具有不同功能的插件.为了帮助您挑选值得下载的东西,我们收

Visual Studio Code 常用插件

这里记录在Visual Studio Code中,我经常用到的插件. ?C#这个就不必说了,想用VIsual Studio Code调试和编辑C#代码,必须要装这个插件.支持是由OmniSharp这个组织做的,东西还好,就是每次安装和更新插件的时候,需要重新下载调试器.因为服务器是在国外,所以每次下载的很慢,而且还会断,非常难受,不过鉴于好用,所以还是忍了!? Markdown Theme KitVisual Studio Code对Markdown的支持非常好,可以打开另一个窗口实时预览Mar

Visual Studio Code安装插件!!!

Beautify Chinese (Simplified) Language Pack for Visual Studio Code JavaScript Standard Format JS-CSS-HTML Formatter 原文地址:https://www.cnblogs.com/buysweet/p/11094668.html

Visual Studio Code 常用插件整理

常用插件说明: 一.HTML Snippets 超级使用且初级的H5代码片段以及提示 二.HTML CSS Support  让HTML标签上写class智能提示当前项目所支持的样式 三.Debugger for Chrome  让vscode映射chrome的debug功能,静态页面都可以用vscode来打断点调试.配饰稍微复杂一点 四.jQuery Code Snippets jquery提示工具 五.Path Intellisense 自动路径补全.默认不带这个功能 六.Npm Intel

vscode (Visual Studio Code) 安装 插件

记录一下, 我是属于有了安装包和插件的文件夹(.vscode),然后不知道这个.vscode文件夹放在哪, 如果有同样困惑的朋友,可以看一下. 复制到c盘/user/你的用户名/    这个路径下面, 最后效果如图: 然后再打开vscode, 就能看到这个文件中已有的插件啦! 原文地址:https://www.cnblogs.com/jliu520222/p/9787959.html

在Visual Studio Code中配置GO开发环境

一.GO语言安装 详情查看:GO语言下载.安装.配置 二.GoLang插件介绍 对于Visual Studio Code开发工具,有一款优秀的GoLang插件,它的主页为:https://github.com/microsoft/vscode-go 这款插件的特性包括: 代码着彩色 代码自动完成(使用gocode) 代码片段 快速提示信息(使用godef) 跳转到定义(使用godef) 搜索参考引用(使用go-find-references) 文件大纲(使用go-outline) 重命名(使用g

Visual Studio Code中配置GO开发环境

在Visual Studio Code中配置GO开发环境 一.GO语言安装 详情查看:GO语言下载.安装.配置 二.GoLang插件介绍 对于Visual Studio Code开发工具,有一款优秀的GoLang插件,它的主页为:https://github.com/microsoft/vscode-go 这款插件的特性包括: Colorization 代码着彩色 Completion Lists 代码自动完成(使用gocode) Snippets  代码片段 Quick Info 快速提示信息

安装GO语言环境之安装Visual Studio Code插件

在安装Visual Studio Code插件的时候,由于谷歌的限制,在下载下列插件的时候会报错: go get -u -v github.com/nsf/gocode go get -u -v github.com/rogpeppe/godef go get -u -v github.com/golang/lint/golint go get -u -v github.com/lukehoban/go-find-references go get -u -v github.com/lukeho

visual studio code中使用emmet插件在.vue文件失效

使用visual studio code编辑.vue文件时,emmet插件无法使用,可以通过以下两种试解决: 1.文件→设置,在右侧窗口添加以下代码: "emmet.syntaxProfiles": { "vue-html": "html", "vue": "html" } 2.在.vue文件窗口的右下角,点击"vue"(提示信息:选择语言模式),然后选择".vue"