Vscode 最常用插件,very nice

本文介绍了如何在VSCode中安装并推荐了一系列前端开发必备插件,如HTML提示、自动闭合标签、代码美化等,帮助开发者提升开发体验和效率。

VS Code的安装和常用插件

下载地址:https://code.visualstudio.com/
进入官网,点击下载按钮,根据电脑系统进行下载
在这里插入图片描述

然后下载完成后,一直点下一步,下一步,进行安装即可,这里就不过多介绍了。

下面我来说一下,我在前端开发中觉得比较好用的一些插件吧

1.Chinese (Simplified) Language Pack

一个汉化的语言包,可以把vs的英文界面进行中文翻译,当然你英文很卧槽的情况下,几乎可以略过

2.HTML Snippets

智能提示HTML标签,以及标签含义,在开发中可以很好的提高开发效率,一定要安装。

3.Auto Rename Tag

在修改html标签后,自动帮你完成尾部闭合标签的同步修改。方便又可以提高敲代码的速度。

4.Auto Close Tag

该插件可以自动地帮我们闭合HTML标签

5.Beautiful

一款格式化代码的工具,可以让我们的代码看起来像诗一般完美

6.Brower Preview

如果你没有双屏显示器,又不想来回切换窗口,而是直接在VSCode里鼠标右键即可进行预览,这简直太方便了

7.HTML CSS Support

智能提示CSS类名以及id

8…JavaScript(ES6) code snippets

ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间

9.Vetur

Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备。

10.easy Less

项目中使用了less语法,改插件可自动帮我们进行编译,生成css文件

11.Prettier

Prettier 是目前 Web 开发中最受欢迎的代码格式化程序。安装了这个插件,它就能够自动应用Prettier,并将整个 JS 和 CSS 文档快速格式化为统一的代码样式。如果你还想使用 ESLint,那么还有个 Prettier – Eslint 插件,一定不要错过咯!

12.Vue VSCode Snippets

VUE代码自动补全插件

13.live server

开启本地服务器,可以检测代码的实时更新,不用在进行刷新看效果啦

其实,还有很多好用的插件,大家可以进行安装使用,用完记得给我反馈反馈

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值