VSCode前端开发插件推荐

最新推荐文章于 2024-08-28 15:40:36 发布
最新推荐文章于 2024-08-28 15:40:36 发布
阅读量103 收藏
点赞数 1
分类专栏： 前端 文章标签： web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39632866/article/details/118674779
版权
这篇博客介绍了几个能提升Visual Studio Code(VSCode)开发效率的插件，包括'openinbrowser'用于快速在浏览器中打开网页，'vscode-icons'提供文件图标，'importcost'显示包大小，'pathintellisense'增强路径提示，'liveserver'实现实时预览，以及'vetur'实现Vue.js语法高亮。
摘要由CSDN通过智能技术生成

open in browser

鼠标右键即可在浏览器中打开网页

vscode-icons

文件图标

import cost

查看下载的包的大小

path intellisense

应用文件资源时路径提示

live server

实时更新网页

vetur

vue 语法高亮

TTMer
关注
专栏目录
VsCode适合前端开发的部分小插件
qq_52939119的博客
03-31 1318
VsCode前端开发常用的小插件 -----相信很多小伙伴刚安装VsCode都会选择安装插件，这里我给各位小伙伴推荐一些适合前端开发的小插件 首先介绍一下界面左侧的小工具 一、首当其选的当然是汉化了(Chinese) 在扩展中搜索Chinese选择中文（简体），在右边选择安装即可，安装好后需要重启一下软件才可生效。 二、自动闭合HTML/XML标签（auto close tag） 安装步骤同上，在扩展中搜索auto就可以看到啦，选择箭头所指安装。 三、智能提示HTML标签（HTML Snippets
vscode 前端常用插件推荐
m0_70275087的博客
05-04 2357
[配置教程 戳这里](() 4.Bracket Pair Colorizer (必备) 给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色 5.Debugger for Chrome (推荐) 映射vscode上的断点到chrome上，方便调试 [调试方法戳这](() 6.ESLint (推荐) js语法纠错，可以自定义配置，不过配置较为复杂，建议使用网上一些广泛使用的eslint配置，日后我也会专门针对eslint配置写一篇文章。 7.GitLens(使用git的必备)
vscode前端开发常用插件
坚持，努力，奋斗不止
04-22 289
1. Chinese (Simplified) Language Pack for Visual Studio Code 简体中文插件 2. VSCode Great Icons 设置文件图标主题 3. Auto Close Tag 自动闭合 HTML/XML 标签 4.Auto Rename Tag 自动完成另一侧标签的同步修改 5.Beautif...
2024最新VSCode实用插件推荐，开发效率遥遥领先！超全面，快收藏~
最新发布
weixin_46769087的博客
08-28 1582
大家好，我是石小石！作为前端开发，vscode好比我们的衣食父母，不可或缺。我相信大家都试过给编译器装一些插件，用来提升开发效率。这篇文章，我将结合自己的工作经验，向大家推荐我工作中用到的一些插件，我会尽可能详细和全面介绍。如果大家有更好用的插件，欢迎在评论区分享！
vscode前端开发插件
weixin_39277183的博客
08-25 262
vscode前端开发个人存储的干货（前端开发使用的插件）： 1. Auto Close Tage 自动闭合HTML/XML标签 2. Auto Rename Tag 自动重命名配对的HTML / XML标签 3. AutoFileName 文件路径提示 4. EaseServer ...
VSCode前端开发插件
weixin_45703724的博客
06-30 775
VS Code提供了非常丰富的插件功能，根据你的需要，安装对应的插件可以大大提高开发效率。
前端开发必备的VSCode插件
一个女胖子的博客
02-16 3803
本文总结了一下前端开发人员一些经常用的可以提高开发效率的VSCode插件，好的工具可以事半功倍。主要分为：基础通用篇，框架工具篇，自由可选篇（按照我自己的想法分的） 基础通用篇 1. Chinese vscode编辑器汉化包，安装后，在 locale.json 中添加 “locale”: “zh-cn”，即可载入中文（简体）语言包。 2. Auto Rename Tag 自动重命名成对的HTML标记，修改开始标签，结束标签会同步修改。 3. Auto close tag 自动闭合 HTML / XML
vscode前端开发工具
07-11
vscode前端开发工具vscode前端开发工具vscode前端开发工具vscode前端开发工具vscode前端开发工具vscode前端开发工具vscode前端开发工具vscode前端开发工具vscode前端开发工具vscode前端开发工具vscode前端开发工具...
前端开发Vscode插件
sunsktop的博客
08-12 2809
vscode插件（前端相关）
vscode 前端常用必备插件汇总
2301_82243626的博客
04-29 576
小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
VSCode中值得推荐的常用的33个高效前端插件「效率篇」
专注于dreamweaver网页设计制作
08-09 1934
VSCode 是我们前端开发的一个强大的IDE，所以选择趁手好用的插件是提高开发效率，然后剩下的时间用来摸鱼是很有必要滴。
VsCode开发前端常用插件
Major_S的博客
03-18 359
VsCode开发前端常用插件VsCode开发前端常用插件VsCode开发前端常用插件 jshint:
vscode开发前端必备插件
小蜜蜂的博客
12-06 175
vscode开发前端必备插件
VsCode前端开发插件推荐
wam923259736的博客
03-01 1526
HTML Snippets 超级实用且初级的 H5代码片段以及提示 HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式 新版已经支持scss文件检索 Debugger for Chrome 让 vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode 来打断点调试 jQuery Code Snippets jquery 重度...
VScode前端开发常用插件
一捆铁树枝的博客
07-03 2241
1.Auto Rename Tag 自动重命名配对的HTML / XML标记。 2.Background Phi Colors README 为背景着色 3.Chinese (Simplified) Language Pack for Visual Studio Code 此中文（简体）语言包为 VS Code 提供本地化界面。 4.CSS Peek 快速匹配CSS样式名 5.ES...
vscode前端开发个人常用插件
weixin_41320468的博客
11-30 291
每入职一个新公司，第一天当然就要拿新电脑，然后安装vscode，准备开发环境，所以写个帖子专门记录一下自己常用的一些插件 Auto Close Tag Auto Rename Tag Beautify Bracket Pair Colorizer Debugger for Chrome ESLint HTML CSS Support HTML Snippets JavaScript (ES6) code snippets Markdown Preview Enhanced open in browser
VSCode 前端开发 相关插件推荐
Annev5的博客
06-01 209
VSCode 前端开发 相关插件推荐 Chinese (Simplified) Language Pack for Visual Studio Code 中文语言包，英语有些吃力的朋友装它 Ayu 界面主题包括文件图标主题 HTML Snippets HTML代码片段以及提示 HTML CSS Support CSS代码片段以及提示 ESLint 用来统一JavaScript代码风格的工具，不包含css、html等 JavaScript (ES6) code snippets ES6 语法的 JavaScr
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值