html5e插件,前端vscode必备插件,给你更好的编程体验!
工欲善其事,必先利其器。在这里,我会给你推荐很多实用的插件,让你对 vscode 有更深刻的体会,渐渐地你就会知道它有多好用。
走马观花前,请先将你的 vscode 更新到最新版本。
通用插件
HTML Snippets
超级实用且初级的 H5代码片段以及提示
1625604254-57bc7582e3a60_articlex.jpeg
HTML CSS Support
让 html 标签上写class 智能提示当前项目所支持的样式。新版已经支持scss文件检索
3580247599-57bc75f477974_articlex.jpeg
Debugger for Chrome
让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试,真666~
配置稍微复杂一些,哪天心情好我再另写教程吧~
jQuery Code Snippets
jquery 重度患者必须品,废话不多说,上图
3684834102-57bc776bb6f6b_articlex.jpeg
vscode-icon
让 vscode 资源树目录加上图标,必备良品!
1604174724-57bc77c0d0f00_articlex.jpeg
Path Intellisense
自动路劲补全,默认不带这个功能的,赶紧装
281069640-57bc7829cba1a_articlex.gif
Npm Intellisense
require 时的包提示(最新版的vscode已经集成此功能)
472843894-57bcf2f9f0da9_articlex.gif
Document this
js 的注释模板 (注意:最新版的vscode已经原生支持)
481603181-57bc799018eaa_articlex.gif
HTMLHint
html代码检测
581897998-58ad18e647be6_articlex.png
Project Manager
在多个项目之前快速切换的工具
beautify
格式化代码的工具
Bootstrap 3 Sinnpet
常用 bootstrap 的可以下
Atuo Rename Tag
修改 html 标签,自动帮你完成尾部闭合标签的同步修改,不过有些bug
3091801986-57bcee8b9c0c5_articlex.gif
GitLens
丰富的git日志插件
fileheader
顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间
filesize
在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间
1675133622-58bc6205b271d_articlex.jpeg
Bracket Pair Colorizer
让括号拥有独立的颜色,易于区分。可以配合任意主题使用。
CSS Peek
2ed000033cd2344d5528.gif
使用此插件,你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码。
Prettier
2eca00035337e42b3698.gif
Prettier 是目前 Web 开发中最受欢迎的代码格式化程序。安装了这个插件,它就能够自动应用 Prettier,并将整个 JS 和 CSS 文档快速格式化为统一的代码样式。如果你还想使用 ESLint,那么还有个 Prettier – Eslint 插件,你可不要错过咯!
Color Info
2ec10004dddbb4b57f5e.gif
这个便捷的插件,将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息了。
插件地址:
https://marketplace.visualstudio.com/items?itemName=bierner.color-info
Icon Fonts
2ed100033c7d06389537.gif
这是一个能够在项目中添加图标字体的插件。该插件支持超过 20 个热门的图标集,包括了 Font Awesome、Ionicons、Glyphicons 和 Material Design Icons。
Minify
2ed100033c8077e81d7d.gif
这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置,以及自动压缩保存并导出为.min文件的选项。它能够分别通过 uglify-js、clean-css 和 html-minifier,与 JavaScript、CSS 和 HTML 协同工作。
Vue插件
以下推荐vue框架所需的插件
vetur
语法高亮、智能感知、Emmet等
2544643075-58ac224b6d8c3_articlex.png
VueHelper
snippet代码片段
主题
Material
冷门、好看、实用。此主题已停更许久
3432080261-57bcf0149f5f0_articlex.jpeg
html5e插件,前端vscode必备插件,给你更好的编程体验!相关推荐
- 前端vscode必备插件推荐(墙裂推荐)
前言:vscode是一款强大的前端编辑软件,有些人说ws(webstorm)更好用,但是vs重在轻量级啊!!!而且根据自己的开发习惯安装适合自己的插件后,用起来简直不要太舒服了好嘛!!! 文末有惊喜~ ...
- 裸 VSCode 必备插件
VSCode 轻量.开源,新鲜下载的 VSCode 可谓是身无长物.一穷二白,连个项目管理的功能都没有. 身轻如燕的 VSCode 对于后端开发说可能有点幼稚,但对于前端来说刚刚好,毕竟不需要搞什么 ...
- VScode必备插件、Emmet语法、面试题更新——用到老
欢迎加入前端技术营!如果你也是前端学习者或者对前端有学习的想法,那就跟着我一起从零开始进击前端. 致力于尽可能详细且简洁的介绍前端知识.自己的捷径,也是学习路上的记录.欢迎探讨 目录 一.V ...
- vscode自动补全插件c语言,一些提高开发效率的VSCode必备插件(分享),vscode代码补全插件...
一些提高开发效率的VSCode必备插件(分享)提高开发效率的虚拟代码的一些重要插件(分享),本文推荐一些VSCode插件来提高效率.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有帮助.Vis ...
- VSCode 必备插件推荐
VSCode 必备插件推荐 1 界面美化 1.1 Chinese (Simplified) | 简体中文 1.2 vscode-icons | 美化图标 1.3 Bracket Pair Colori ...
- 前端VsCode使用插件
1. Bracket Pair Colorizer 2 括号变颜色插件 2.Auto Rename Tag 自动重命名配对的HTML标签 3.Chinese (Simplified) (简体中文) L ...
- 前端工程师vscode必备插件(20个)
按需安装.考虑到有些插件对于一些新手来说暂时用不上,因此我将分为 前端新手→前端程序员→前端工程师 三个阶段来推荐需要安装的插件. 阶段一:前端新手 只会html.css.js 1.Chinese 汉 ...
- 前端VSCode常用插件及安装
VSCode的功能如此强大,这与它们的插件密密相关,插件的安装起来超级简单,种类繁多,这给我们开发人员提供了很好地的便利.但是新手学习期间不需要安装许多插件,这里我来给大家介绍一下新手学习前端常用的插 ...
- vscode必备插件_10个必备的Visual Studio Code (VS code)插件
我基本上每天都用vs code,我喜欢的小巧,开源,免费并且非常强大.尤其它非常多的插件可以免费使用.这里我把经常用插件介绍给大家,希望大家留言讨论 我把VS code 插件分两类,一类是处理可视化的 ...
最新文章
- Pycharm 和 vscode 多光标、折叠代码和代码格式化快捷键
- java中可用于定义成员常量_13秋北航《Java语言与面向对象程序设计》在线作业三辅导 …...
- linux java jdk_神级程序员教你如何10分钟在Linux上安装java的JDK?
- [原创] 浅谈ETL系统架构如何测试?
- 安卓 linux找回内置存储,Android手机自带内部存储路径的获取
- nginx 跨服务器显示图片,centos6.6下nginx配置远程服务器上图片访问
- Python网络编程——使用TCP方式传输文件
- Maven插件:versions-maven-plugin
- POI导出Excel2003
- zabbix登陆拒绝报没有权限
- 查看redis安装目录
- CANoe+Carmaker联合仿真测试
- 数据库概述 数据库入门
- np.roll()的理解和用法
- 图像识别的工作原理是什么?商业上如何使用它?
- python柱状图加百分比_python matplotlib 为柱状图添加百分比
- python全栈之路—十分钟搞定面向对象-类的结构-类的空间问题,建议收藏
- 月入过万的外卖CPS红包小程序源码分享(附搭建教程)
- python中用海龟作图画一个八边形
- Test on 12/01/2018