VS Code折腾记 - (4) 常用必备插件推荐【前端】

最新推荐文章于 2024-07-13 11:16:40 发布
最新推荐文章于 2024-07-13 11:16:40 发布
阅读量6.6w 收藏 36
点赞数 12
分类专栏： VScode Visual Studio Code折腾记 文章标签： 插件 前端 vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/crper/article/details/55509477
版权
本文介绍了多个提升VS Code使用体验的前端必备插件，包括Auto Close Tag、Auto Rename Tag、beautify等，涉及功能增强、代码片段、语法校验和主题设置等方面，帮助用户更好地配置和使用VS Code。
摘要由CSDN通过智能技术生成

前言

这篇文章只要让你做一些基础的配置，把vscode变得更加顺手；

插件的需求不是一成不变，比如在新版就已集成的就可以移除了。

必备插件

功能性

  1. Auto Close Tag : 匹配标签，关闭对应的标签。很实用【HTML/XML】
  2. Auto Rename Tag : sublime和webstorm也有这个内置功能，改变标签的时候同时改动开闭合标签；【HTML/XML】
  3. beautify : 良好的拓展性，可以格式化JSON|JS|HTML|CSS|SCSS,比内置格式化好用
  4. Code Runner : 代码编译运行看结果，支持众多语言
最低0.47元/天 解锁文章
crper
关注
  • 12
    点赞
  • 踩
  • 36
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
VS Code 折腾记 - (16) 推荐一波实用的插件集
CRPER
09-08 3848
前言 VS Code越来越完善了，这半年期间我又搜罗了一波个人认为比较实用的插件。 插件集 前端领域 Dependency Analytics ：分析项目中npm模块依赖，给出了很直观的数据反馈（包是否有安全问题等） Gitmoji Commit ：预设emoji的模板输入,快速commit Xml Complete ：XML智能补全,遵循类似协议的也可以 BEM Helper ：css ...
WebStorm和VSCode配置
ianutt的博客
04-14 2713
设置 换行 File—Settings—Editor—General—Use soft wraps in editor 显示行号 File—Settings—Editor—General—Appearance—Show line numbers 打开多个项目 File—Settings—Directories—Add Content Root 快捷键 全局搜索（Ctrl + Shift + F） Edit—Find—Find in Path 复制当前行或者所选代码块（Ctrl + D） 删除光标所在位
VSCode详细使用教程
贵公子丶笔记
11-22 3869
Ï       VSCode（Visual Studio Code）是由微软研发的一款免费、开源的跨平台文本（代码）编辑器，算是目前前端开发几乎完美的软件开发工具。 1.VSCode下载 VSCode下载链接: https://code.visualstudio.com/ 2.VSCode汉化 3....
VS Code 代码格式化插件，代码美观的插件
最新发布
在职可交流前端开发，包括：web端、uniapp等，欢迎指教。
07-13 3664
Pretter,Beautify,EditorConfig,ESlint,vetur几种代码规范的插件，介绍以及优点。
精选！必备的 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
VS Code 必备插件推荐
热门推荐
小贤笔记
08-12 1万+
插件 说明 备注 Auto Close Tag 自动添加HTML / XML关闭标签 Auto Rename Tag 自动重命名配对的HTML / XML标签 Beautify 格式化代码 (查看使用方法) Bracket Pair Colorizer 颜色识别匹配括号 Code ...
2024前端vscode必备插件(持续更新)
weixin_60053942的博客
04-05 1万+
2024前端vscode必备插件，包含 vue、html、css、ai、调试等等，提高你的开发效率
[前端] 超好用的VScode插件
qq_35005735的博客
01-18 245
[前端] 超好用的VScode插件 语言类 Chinese (Simplified) Language Pack for Visual Studio Code 英文单词拼写错误提示 Code Spell Checker Ant Design + Vue类 Ant Design Snippets Ant Design Vue helper Vetur vue Vue 3 Snippets Vue VSCode Snippets vue-beautify vue-format VScode代码调试类 De
VS Code 折腾记 - (19) 一些相对实用的编码体验插件(偏前端)
CRPER
11-12 573
前言 天天跟代码打交道,这一年下来我也收集了部分好玩的插件,至少我觉得改善了我的编码体验~有兴趣的可以瞅瞅~~ 插件集列表 拓展名及链接 描述 File Suggest 改善typescript下编码的文件引入提示,用的还不错 JS/TS Biscuits 这个有点意思,方便我们定位代码块,在闭合端就能感知到! Bracket Lens 这个和上面有点类似,但是又有一些差异,很棒的体验~ Parameter Hints 这个可以把参数类型显性出来,更有IDE的感觉了,我很喜欢这个
vscode插件
12-18
vscode插件vscode插件vscode插件vscode插件vscode插件
vscode工具插件
09-30
个人使用的便捷插件，公司内网方便，内网开发工具可以下载使用，主要应用vscode 插件部分。只选取部分插件，保证基本的开发
VS Code 折腾记 - (15) 再来一波大前端适用系列的插件(主打编码体验改善)
CRPER
01-09 2645
前言 距离上次推荐又过去半年了.这期间我又搜罗一些感觉比较好用的插件; 有些体验后被我干掉,有些依旧保留.优秀的拓展插件产出真的有限,这次主推比较实用的小拓展 对于插件我不推荐重复的,所以有些优秀的插件在我另外几篇文章可以找到,其他就不多说了.直入主题~~~ 编码体验改善系列 Visual Studio IntelliCode - Preview : 提供AI支持(强化你的代码智能提示),就...
VS Code 折腾记 - (14) 再来推荐一波大前端适用系列(Node/React/Vue/小程序/主题/代码体验等)的插件
CRPER
07-08 4577
前言 VS Code越来越好用了,怎么个好用法,等我抽个时间再水一篇,说收VS Code的亮点; 时隔半年,这期间我又搜罗了一波感觉比较好的插件, 依旧是那句话,好的插件需要作者去创造,时间去迭代… 废话不多说,直入主题; React react-explorer-addons: 增加鼠标右键直接生成react的组件模板,好不好用,用过的才知道 CSS Blocks: 支持...
总结前端常用的网址
weixin_44366185的博客
01-14 9082
Bookmarks Bookmarks 手机收藏 收藏栏 网址大全 百度 百度翻译在线_百度搜索 框架 MUI-最接近原生APP体验的高性能前端框架 SUI Mobile 纯CSS绘制三角形（各种角度）_基础教程_脚...
常用的 Vs Code插件
halo1416的博客
07-07 8403
推荐下自己在使用的vs code插件。
vscode最实用的插件
JIME_Y的博客
08-02 657
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】前端必备插件（全）
qq_45677671的博客
07-28 7628
vscode 全套前端必备插件，安装好合适的插件，能让你工作事半功倍
提升效率！VS Code高效配置与必备插件推荐
本文将介绍一些必备的VS Code插件，帮助你打造个性化的高效开发环境。 首先，对于不熟悉英文界面的开发者，"Chinese(Simplified) Language Pack for Visual Studio Code"是必不可少的，它可以将VS Code的界面语言...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

crper

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值