VS code常用插件推荐(最新版)

您所在的位置:网站首页 插件代码怎么写 VS code常用插件推荐(最新版)

VS code常用插件推荐(最新版)

2024-07-17 07:14| 来源: 网络整理| 查看: 265

推荐插件主要有以下几个原因:

增强功能:VSCode插件可以增强编辑器的功能,如代码补全、语法高亮、代码导航等,让开发更高效。

提升效率:插件可以提供快捷键、代码片段等工具,让开发者更快速地编写代码。

个性化定制:插件可以根据个人喜好进行定制,选择适合自己的插件,让开发环境更符合个人需求。

社区支持:VSCode是一个开源的编辑器,拥有庞大的社区,有大量的插件和扩展可供选择,并且社区成员可以相互分享和推荐插件。

跨平台支持:VSCode可以在多个操作系统上运行,插件也可以在不同平台上使用,增加了插件的可用性。

接下来将推荐几款绝对方便好用的插件,后续如果有更好的或者更新迭代,这里会持续更新。

1.Chinese (Simplified) (简体中文)

        这个是中文(简体)语言包为 VS Code 提供本地化界面。安装之后,只需选择重新加载即可完成对界面完成汉化操作。

2.open in browser

        可以选择在默认浏览器打开或者选择自己想用的浏览器打开。

3.Live Server

        这个插件超级好用,实时预览和调试网页应用程序,可以实时预览和调试网页应用程序,无需手动刷新浏览器。

4.Auto Rename Tag

        当您重命名一个 HTML/XML 标签时,该标签将自动重命名所有成对的 HTML/XML 标签。此扩展仅支持 HTML、XML、PHP 和 JavaScript。

5.JavaScript (ES6) code snippets

        这个插件对代码片段很有用,它有很多快捷缩写,代码提示功能很强大。它能够有效减少拼写错误和提高编码效率。几乎每个前端程序员都是 JavaScript 的使用者,为了提高编写 JS 代码的效率,这个扩展很有用,并且它还支持 .ts, .tsx 和 .jsx 文件。

6.HTML CSS Support

        这个插件在VScode中是CSS代码快捷神器。

7.CSS Navigation

        这个插件用 Ctrl+鼠标 点击html标签中的class名  即可跳转到 class对应的css样式区域

8.lmage preview

        这个插件是非常好的图片查看工具,可以在代码中,将鼠标放在img标签的src路径上时即可查看图片。

9.会了吧

        单词翻译工具,会翻译所有单词,也可以做笔记,看代码不再枯燥。

10.javascript console utils

        代码调试肯定少不了 console.log ,那么这款就是快速生成 console.log 的插件。使用方法 非常简单,选中变量,然后按 ctrl + shift + L 就可以生成了。需要删除的时候按 ctr1 +shift + D 即可删除

11.Turbo Console Log

        另一个用来生成 console.log 的插件,不同的是,他支持自定义 console.log 的内容,包括文件名,路径,大小等,还可以添加自己喜欢的 emoji 表情,快捷键 ctrl + alt + L。

12.Prettier - Code formatter

        这个是代码格式化插件,这个插件通常搭配 eslint 使用,也可以单独使用。

13.vetur

        Vetur是一款将Vue代码高亮显示的一款插件,在没有使用此插件前,以 .vue的文件名代码是没有颜色的,这个插件可以实现代码显示不同的颜色,更加容易区分不同部分的代码。

14.EsLint 

        这个插件是JavaScript 语法规则和代码风格的检查工具,可以在编写代码的过程中检查代码命名是否规范,防止编译错误。

15.background-cover

        这个插件是用于设置个性化的壁纸,可以将软件的主题背景设置成为自己喜欢的图盘样式,还可以进一步调节主题和图片的显示效果,是一款十分实用的插件。



【本文地址】


今日新闻


推荐新闻


    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3