VS CODE中常用的一些插件

本文列举了作者在VS Code中常用的30款插件,包括自动闭合标签、代码检查、Chrome调试、代码格式美化、Vue代码提示、ESLint等,旨在提升前端开发效率。

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

平常用VS CODE编辑代码,总免不了要安装一些插件,用以更好了编辑代码,以下列表是本人常用的一些插件:

1.Auto Close Tag

自动闭合html标签

2.Auto Rename Tag

自动修改相应的闭合标签

3.Chinese (Simplified) Language Pack for Visual Studio Code

修改界面语言为中文简体

4.Code Runner

安装运行代码功能,包括右键功能和功能按钮

5.Code Spell Checker

代码检查,帮助检查代码错误

6.Debugger for Chrome

使用Chrome调试代码bug

7.Easy LESS

.less文件自动生成同名.css文件

8.HTML Snippets

HTML代码片段提示

9.Live Server

编辑器代码保存时自动刷新浏览器网页

10.npm

编辑器支持npm

11.One Dark Pro

设置主题风格

12.open in browser

安装右键打开浏览器功能,可以设置默认打开

13.Path Intellisense

自动路径功能提示

14.Prettier - Code formatter

代码格式美化功能

15.SVG Viewer

编辑器中查看SVG格式图片

16.Vetur

Vue代码检查

17.vscode-icons

vscode文件图标美化标识

18.Vue 2 Snippets

Vue2版本代码提示

19.ESLint

JS和ES6代码检查和格式化

20.Beautify

设置主题风格

21.Bracket Pair Colorizer

设置主题风格

22.FiraCode

编辑连字的等宽字体

24.Bootstrap 4, Font awesome 4, Font Awesome 5 Free & Pro snippets

Bootstrap支持及Font awesome图标引用

25.JavaScript (ES6) code snippets

ES6代码片段支持

26.Reactjs code snippets

React代码片段支持

27.React Redux ES6 Snippets

React Redux ES6代码片段支持

28.Typescript React code snippets

React Typescript语法支持

29.React-Native/React/Redux snippets for es6/es7
30.Browser preview

vs code 内打开浏览器,方便查看效果

后续还用其它插件再继续更新~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值