Visual Studio code 前端常用插件集集合

本文推荐了一系列针对前端开发的VSCode插件,包括HTMLBoilerplate、AutoCloseTag等,旨在提升前端开发效率及代码质量。还介绍了如何通过配置优化编辑体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

HTML Boilerplate
Auto Close Tag         标签提示
HTML CSS Support   标签和样式编辑
View In Browser       从浏览器打开
open in browser 从浏览器打开按照默认浏览器
vscode-vue      主要是vue
HTML Snippets 超级实用且初级的 H5代码片段以及提示
HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式
Debugger for Chrome 让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试
jQuery Code Snippets jquery 重度患者必须品
vscode-icon 让 vscode 资源树目录加上图标,必备良品!
Path Intellisense 自动路径补全。默认不带这个功能
Npm Intellisense requrie时闭包提示
Document this js 的注释模板
beautify 格式化代码的工具
Typings Installer 安装 vscode 的代码提示依赖库,基于 typtings 的,比如提示 angular 或者 jQuery 只能感知。至于什么是 typtings 自己去搜。
Bootstrap 4 Snippet 
Atuo Rename Tag 修改 html 标签,自动帮你完成尾部闭合标签的同步修改
去掉右边的预览:设置里面搜索 "editor.minimap.enabled":改为false
复制粘贴代码不自动对齐或者打乱了。解决办法是:在首选行那里吧editor.formatOnPaste改成true,或者下载插件: Copy With Imports

转载于:https://www.cnblogs.com/pachulia/p/9183561.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值