先ctrl+shift+p,弹出命令面板-选中Extensions:Install Extensions

或者直接点击左侧栏这个扩展按钮(Ctrl+Shift+X)

然后左侧栏就会显示出很多插件,如图,选中你要安装的插件就行了

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的常用语法关键字,很实用;

.

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://blog.csdn.net/x550392236/article/details/7864655

【转】Visual Studio Code必备插件的更多相关文章

  1. Visual Studio Code必备插件

    HTML Snippets: 超级实用且初级的 H5代码片段以及提示 HTMLHint: html代码检测 HTML CSS Support : 让 html 标签上写class 智能提示当前项目所支 ...

  2. 【Visual Studio Code】插件

    [Visual Studio Code]插件 转载:https://www.cnblogs.com/yangchongxing/p/10625628.html 目录 ================= ...

  3. ionic2——开发利器之Visual Studio Code 常用插件整理

    1.VsCode官方插件地址: http://code.visualstudio.com/docs 2.使用方法,可以在官网中搜索需要的插件或者在VsCode的“”扩展“”中搜索需要的插件 添加方法使 ...

  4. Visual Studio Code 常用插件

    这里记录在Visual Studio Code中,我经常用到的插件. C#这个就不必说了,想用VIsual Studio Code调试和编辑C#代码,必须要装这个插件.东西还好,就是每次安装和更新插件 ...

  5. visual studio code emmet 插件不提示?解决方案

    使用visual studio code编辑.vue文件时,emmet插件无法使用, 可以通过以下方试解决: code →首选项 →设置 ,在右侧窗口“用户配置”.“工作区设置”添加以下代码: // ...

  6. visual studio code常用插件

    1.auto close tag2.chinese language pack for visual studio code3.debugger for chrome4.docker5.html cs ...

  7. MySql连接Visual studio Code First插件

    到mySql官网Downloads==> MySQL on Windows==>MySQL for Visual Studio 下载插件安装即可

  8. visual studio code前端插件及常用快捷键【转】

    通用插件 HTML Snippets 超级实用且初级的 H5代码片段以及提示 HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式新版已经支持scss文件检 ...

  9. Visual Studio Code 常用插件整理

    常用插件说明: 一.HTML Snippets 超级使用且初级的H5代码片段以及提示 二.HTML CSS Support  让HTML标签上写class智能提示当前项目所支持的样式 三.Debugg ...

随机推荐

  1. 本周JavaScript学习小结

    应组长杨老师号召,写个js阶段性学习小结. emmm这周学了Linux进程通讯,学正则表达式尝试完成第一次编程作业,中秋还去平潭露营(所以...js学得很少hhh). 现在还处于感性认识阶段,浏览了一 ...

  2. ML_Homework_Porject_2_LDA_KNN

    第二次机器学习的作业完成了,写一下总结. 作业要求:实现用线性判别分析(LDA,LinearDiscriminantAnalysis)的二分类,用KNN比较LDA和PCA在有监督学习下的分类区别. 开 ...

  3. 程序中的.htaccess文件是做什么的

    程序中的.htaccess文件是做什么的 一.总结 一句话总结: htaccess=ht(Hypertext)+access=超文本入口 覆盖Apache服务器的默认配置 .htaccess(超文本访 ...

  4. Keyframe类-动画中关键帧概念

    package com.loaderman.customviewdemo; import android.animation.Animator; import android.animation.Ke ...

  5. Map接口和Collection接口的区别

    * Map是双列的,Collection是单列的 * Map的键唯一,Collection的子体系Set是唯一的 * Map集合的数据结构值针对键有效,跟值无关;Collection集合的数据结构是针 ...

  6. php生成的html 顶部有一空行的解决办法

    php生成的html 顶部有一空行的解决办法,但是生成的编译文件,即1d7c7a527b6335cc7a623305ca940e1findex.tpl.php就没有空行 比较两个HTML源代码一模一样 ...

  7. ubuntu 12.04 以固定 IP 地址连接网络并配置DNS

    sudo vim /etc/network/interfaces auto eth0 iface eth0 inet static address 192.168.2.155 netmask 255. ...

  8. 总结Lock和synchronized的区别

    1. Lock是一个接口,而synchronized是Java中的关键字,synchronized是内置的语言实现,Lock是代码层面的实现. 2. Lock可以选择性的获取锁,如果一段时间获取不到, ...

  9. iOS中NSTimer的使用

    1.初始化 + (NSTimer *)timerWithTimeInterval:(NSTimeInterval)ti target:(id)aTarget selector:(SEL)aSelect ...

  10. 直接用的tar压缩

    将目录里的doc文件夹压缩成tar.gz tar -czf  doc.tar.gz   doc 解压tar.gz tar -xzvf doc.tar.gz 在不解压的情况下查看压缩包的内容: tar ...