VsCode必备插件推荐 前端开发非常实用

在这里插入图片描述
VScode应该是很多学习前端的小伙伴很熟悉的开发工具了
与其他前端编译器比起来,VsCode最大的特点就是美观,可以说是WebStorm,HBuilder遥不可及的!
下面就来看看 vscode小白如何快速上手这款好用的编译器吧

常用且实用的插件:

Auto Close Tag (自动闭合HTML/XML标签)

Auto Rename Tag (自动完成另一侧标签的同步修改)

Beautify (格式化 html ,js,css)

Bracket Pair Colorizer(给括号加上不同的颜色,便于区分不同的区块)

Debugger for Chrome(映射vscode上的断点到chrome上,方便调试)

ESLint(js语法纠错,可以自定义配置)

GitLens(方便查看git日志)

HTML CSS Support (智能提示CSS类名以及id)

HTML Snippets(智能提示HTML标签,以及标签含义)

JavaScript(ES6) code snippets(ES6语法智能提示,以及快速输入)

jQuery Code Snippets(jQuery代码智能提示)

Markdown Preview Enhanced(实时预览markdown)

markdownlint(markdown语法纠错)

Material Icon Theme(vscode图标主题)

Icon fonts(图标字体)

open in browser(右键快速在浏览器中打开html文件)

Path Intellisense(自动提示文件路径)

React/Redux/react-router Snippets(React/Redux/react-router语法智能提示)

Vetur(Vue多功能集成插件,错误提示等)

Class autocomplete for HTML(智能提示HTML class =“”属性)

npm Intellisense(require 时的包提示)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值