vscode前端必备插件

最新推荐文章于 2024-07-04 15:17:15 发布
最新推荐文章于 2024-07-04 15:17:15 发布
阅读量310 收藏
点赞数
分类专栏： 记录 文章标签： javascript html5 css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xxitcef/article/details/107686437
版权
本文介绍了在VSCode中提升前端开发效率的必备插件，包括HTML Snippets用于快速搭建HTML文档，Auto Close Tag和Auto Rename Tag实现自动闭合和重命名标签，Bracket Pair Colorizer提供彩色符号标签增强代码可读性，Code Spell Checker进行代码拼写检查，Color Info显示颜色信息，ESLint确保代码规范，Live Share实现代码共享与协作，open in browser一键运行HTML到浏览器，Path Autocomplete和Path Intellisense提供路径自动补全功能，Prettier进行代码格式化，SVG Viewer方便预览SVG图片，以及美化代码的vscode-icons插件。
摘要由CSDN通过智能技术生成

1.HTML Snippets
html文档的快速搭建
在这里插入图片描述
2.Auto Close Tag
自动闭合标签
在这里插入图片描述
3.Auto Rename Tag
自动重命名标签
在这里插入图片描述
4.Bracket Pair Colorizer
彩色符号标签，复杂的js逻辑括号一层层嵌套，每一层用不同的颜色展示，更清楚明了
在这里插入图片描述
5.Code Spell Checker
代码拼写检查
在这里插入图片描述
6.Color Info
自动展示颜色
在这里插入图片描述
7.ESLint
代码检查，可自己配置，规

最低0.47元/天 解锁文章
会飞的虫儿飞
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vscode 前端常用必备插件汇总
2301_82243626的博客
04-29 540
小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
vscode 前端常用插件推荐
m0_70275087的博客
05-04 2334
[配置教程 戳这里](() 4.Bracket Pair Colorizer (必备) 给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色 5.Debugger for Chrome (推荐) 映射vscode上的断点到chrome上，方便调试 [调试方法戳这](() 6.ESLint (推荐) js语法纠错，可以自定义配置，不过配置较为复杂，建议使用网上一些广泛使用的eslint配置，日后我也会专门针对eslint配置写一篇文章。 7.GitLens(使用git的必备)
精选！必备的 VSCode 插件（前端类）
03-30
vscode 常用插件 手动放到 .vscode/extensions/ 下， 包含插件如下： Angular2V0.4.1.vsix auto-close-tagV0.5.6.vsix auto-rename-tagV0.0.15.vsix autoimportV1.5.3.vsix beautifyV1.3.0.vsix bracket-pair-colorizerV1.0.27.vsix change-caseV1.0.0.vsix code-runnerV0.9.3.vsix color-infoV0.5.0.vsix fileheadercommentV0.0.3.vsix gitlensV8.1.1.vsix html-snippetsV0.2.1.vsix icon-fontsV1.10.1.vsix JavaScriptSnippetsV0.2.0.vsix jquery-snippetsV1.0.0.vsix material-darkV1.1.0.vsix minifyV0.3.0.vsix npm-intellisenseV1.3.0.vsix open-html-in-browserV0.1.21.vsix path-autocompleteV1.8.1.vsix prettier-vscodeV1.2.2.vsix project-managerV0.25.0.vsix quokka-vscodeV1.0.116.vsix stylelintV0.35.0.vsix syncingV1.5.3.vsix theme-onedarkV0.5.2.vsix tsimporterV1.2.14.vsix typelensV1.5.0.vsix veturV0.11.7.vsix vetur-eV0.11.7.vsix vscode-css-peekV2.1.0.vsix vscode-eslintV1.4.8.vsix vscode-exports-autocompleteV0.5.4.vsix vscode-fakerV1.2.1.vsix vscode-git-historyV1.0.3.vsix vscode-html-cssV0.2.0.vsix vscode-iconsV7.22.0.vsix vscode-javascript-snippet-packV0.1.5.vsix vscode-regexp-preivewV0.0.3.vsix vscode-todo-highlightV0.5.12.vsix vscode-typingsV0.0.5.vsix vueHelperV0.1.6.vsix
vscode css智能补全_高效率工具：web前端开发VScode必备插件大全
weixin_39879522的博客
11-20 761
Bracket Pair Colorizer友好的给括号加上不同的颜色，便于区分不同的区块，使用者还可以定义括号类型和颜色，尤其是 Dart 语言开发，尤为重要。Terminal编辑器中内嵌一个似 cmd 终端程序，直接在编辑器中运行终端命令。Path Intellisense插件自动提示文件路径，支持各种文件无脑快速引入，非常方便。JavaScript(ES6) code snippetsES6...
前端开发必备 VS Code 插件大全
最新发布
weixin_50367873的博客
07-04 1048
最好的软件开发往往来自于程序员的直接需求，Code Runner 作者是一位曾就职于微软的中国程序员，他为了方便自己的日常开发工作，开发了 Code Runner 这款可以在 VS Code 中方便快捷运行各种语言代码的插件。Live Server Live Server是一款实时开发服务器插件，能够在本地启动一个服务器，当你修改代码时，它能自动检测变化并即时刷新浏览器，让你在开发过程中能即刻看到改动效果，尤其适用于静态网页和单页应用（SPA）的开发。提供右键菜单选项，一键在浏览器打开html文件。
vscode最实用的插件
JIME_Y的博客
08-02 672
Auto Close Tag 自动闭合HTML/XML标签 Auto Rename Tag 自动完成另一侧标签的同步修改 Beautify 格式化 html ,js,css Bracket Pair Colorizer 给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色 GitLens 方便查看git日志，git重度使用者必备 HTML CSS Support智能提示CSS类名以及id HTML Snippets 智能提示H
前端vscode必备插件(AI帮你写代码)
富朝阳的博客
09-23 1万+
VSCode 是我们前端开发的一个强大的IDE，因此选择趁手好用的插件能事半功倍，也能能更好地编码以及获得更丝滑的开发体验。然后剩下的时间用来摸鱼是很有必要滴。
vscode 前端常用必备插件汇总。
热门推荐
前端技术栈
01-14 4万+
持续更新，欢迎推荐好的插件。 1. vscode基础智能能提示类插件 2. vscode美化优化类插件 3. vscode各大框架辅助插件 4. markdown工具类插件
前端开发Vscode插件
sunsktop的博客
08-12 2782
vscode插件（前端相关）
vscode前端开发必备插件
qq_41241767的博客
05-08 1257
vscode前端开发必备插件 PostCSS Sorting stylelint stylefmt ESLint javascript standard format beautify Babel ES6/ES7 Debugger for Chrome Add jsdoc comments javascript(ES6) code snippets vue weex Reactjs code sn...
前端工程师vscode必备插件(20个)
m0_48497187的博客
03-12 7469
阶段：前端新手 只会html、css、js 1.Chinese 汉化vscode 2.Tokyo Night Material Theme已经下架了，这个是目前来说个人认为vs code中最好看的主题。 3.vscode-icons 文件的图标，这个是看着最顺眼的图标。 4.prettier 代码格式化工具，代码自动格式化。（需配置，最下面放上代码） 如果安装了vetur，则会产生冲突，需要手动右键格式化，选择prettier。 5.open in browser 打开浏览器插件。
vscode常用前端插件
yytoo2的博客
04-14 1104
1. EditorConfig for VS Code2. ESLint3. gitignore4. languageStylus5. Nunjucks6. One Dark Pro7. PostCSS Syntax8. Vetur9. View In Browser10. vscode-icons
vscode 前端常用插件
阿闷的博客
10-22 377
1. vscode 简介 vscode是微软开发的的一款代码编辑器，就如官网上说的一样，vscode重新定义（redefined）了代码编辑器。 当前市面上常用的轻型代码编辑器主要是：sublime，notepad++，editplus，atom这几种。 比起notepad++、editplus，vscode集成了许多IDE才具有的功能，比起它们更像一个代码编辑器； 比起sublime，vscode颜值更高，安装配置插件更为方便； 比起atom，vscode启动速度更快，打开各种大文件不卡。 .
【开发必备】推荐几个非常好用的前端VsCode插件，快来看看你都用过哪些？
2301_76364917的博客
05-11 6689
VSCode是前端开发的武器，下面给大家推荐几个必备的、非常好用的前端VsCode插件。
vscode前端常用插件
星辰的笔记
07-01 1677
1，backgorund:背景 2，NotepadPlusPlus Remixed Theme： no++主题 3，Vetur：vue文件的html,css,js的代码提示 4，vue 2 snippets：vue代码提示 5，open in browser：alt+b可以快捷在浏览器打开...
vscode 前端的常用插件
PrimaryColor
08-04 225
vscode前端插件 Html • HTML Snippets • HTML CSS Support • IntelliSense for CSS class names in HTML • HTML Preview Css • Css Peek • Beautify css/sass/scss/less JavaScript • JavaScript (ES6) snippets • StandardJS - JavaScript Standard Style Auto • Auto Rename Tag
VSCode前端必备插件
高先生的猫
04-26 3458
跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。 就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件，我们针对性的收集了一些实用、有趣的插件与大家分享。 1.Open-In-Browser 由于 VSCode 没有提供直接在浏览器中打开文件的内置界面，所以此插件在快捷菜单中添加了在默认浏览...
vs code 前端必备插件
qq_37942845的博客
04-30 343
1、主题色：Panda Theme 2、react ：Simple React Snippets 3、vue：Vue 2 Snippets 4、本地服务：Live Server
vscode 前端必备插件
敲之的博客
06-18 146
1. VS Code要显示成中文，只需要安装插件——Chinese (Simplified) Language
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值