快捷搜索:  汽车  科技

vscode默认编码格式修改(提升你的编码体验)

vscode默认编码格式修改(提升你的编码体验)这是一个实时显示你代码结果的插件,能够减少你的调试,更快的发现错误或者避免错误。他可以让你在编写HTML的时候,对应自动更改匹配的标签,简直不要太高效这是一个可以规范你团队代码的插件,配置相当的多,如果你想提高自己的代码质量或者在团队中规范团队代码,可以好好研究一下它。它可以让你的浏览器实时刷新,是在本地搭建一个热加载服务器,当你改变了代码,浏览器会实时更新,这是我最常用的插件,没有之一。这是一个在你的代码块括号添加颜色的插件,这样就提高了你代码的可读性

Visual Studio Code可能是目前最受欢迎的代码编辑器,而在使用VSCode中人群中,可能从事最多的是Web开发!

vscode默认编码格式修改(提升你的编码体验)(1)

引言

Visual Studio Code最令人印象深刻的部分之一是其可定制性,尤其是通过扩展。如果你是Web开发人员,在安装了这些扩展之后将会让你事半功倍。本次扩展列举的比较多,可能有些你已经知道了,也有可能你不知道的,下面我们直接进入正题。

Debugger for Chrome(调试)

这是Web开发的时候最常用到的扩展,有了它调试网页将变得更加方便,你再也不需要写那么多的console.log()了,尽管Chrome浏览器已经很方便了,但是有了它,你的调试将更加高效。

vscode默认编码格式修改(提升你的编码体验)(2)

Javascript (ES6) Code Snippets(代码片段)

它提供了我们编码中常用的代码片段,包括JavaScript、Typescript、JSX、TSX、html、Vue等代码片段,通过编写一些简写的代码触发完整的代码片段。

vscode默认编码格式修改(提升你的编码体验)(3)

ESLint(规范)

这是一个可以规范你团队代码的插件,配置相当的多,如果你想提高自己的代码质量或者在团队中规范团队代码,可以好好研究一下它。

vscode默认编码格式修改(提升你的编码体验)(4)

Live server(调试)

它可以让你的浏览器实时刷新,是在本地搭建一个热加载服务器,当你改变了代码,浏览器会实时更新,这是我最常用的插件,没有之一。

vscode默认编码格式修改(提升你的编码体验)(5)

Bracket Pair Colorizor(代码可读性)

这是一个在你的代码块括号添加颜色的插件,这样就提高了你代码的可读性

vscode默认编码格式修改(提升你的编码体验)(6)

Auto Rename Tag(效率)

他可以让你在编写HTML的时候,对应自动更改匹配的标签,简直不要太高效

vscode默认编码格式修改(提升你的编码体验)(7)

Quokka(效率)

这是一个实时显示你代码结果的插件,能够减少你的调试,更快的发现错误或者避免错误。

vscode默认编码格式修改(提升你的编码体验)(8)

Path Intellisense(路径自动智能感知)

智能感知文件路径,让你少了自己寻找文件路径的时间

vscode默认编码格式修改(提升你的编码体验)(9)

Project Manager(项目管理)

通过此扩展,您可以在项目的侧边菜单中获得额外的菜单。您可以在文件系统中快速切换项目,保存收藏夹或自动检测项目git项目。如果您从事多个不同的项目,这是保持井井有条和提高效率的好办法。

vscode默认编码格式修改(提升你的编码体验)(10)

EditorConfig for VS Code(规范)

编辑器配置是一系列编码样式的标准,在主要文本编辑器/ IDE中受到广泛使用,在VSCode中你可以使用它达到同样的效果,VSCode在团队中更规范的使用。

vscode默认编码格式修改(提升你的编码体验)(11)

Sublime Text Keymap(快捷键)

看名字就知道了,你可以在VSCode中使用Sublime的快捷键(其它编辑器以此类推)

vscode默认编码格式修改(提升你的编码体验)(12)

Browser Preview(实时预览)

尽管有了Live server但是还是要打开浏览器才能实时看到结果,这个插件帮助你在VSCode实时预览,目前还处于预览版,但是已经有了基本的功能,可配合live server

vscode默认编码格式修改(提升你的编码体验)(13)

Git Lens(git)

VSCode扩展中有一堆git的扩展,,但是这个是功能最强大的,你想要的那些功能它都有

vscode默认编码格式修改(提升你的编码体验)(14)

Polacode(代码预览图生成)

这是一个可以生成代码预览图的插件,而且图片质量很高

vscode默认编码格式修改(提升你的编码体验)(15)

Prettier(格式化)

这是一个代码格式化插件,通过可配置的方式,让你的代码更规范,如果再配合VSCode的设置保存自动格式化,或许会有一个不错的体验。

vscode默认编码格式修改(提升你的编码体验)(16)

Better Comments(注释)

这个插件就如同它的名字,你可以通过配置的方式来更好的写注释,支持多达几十种主流的语言。

vscode默认编码格式修改(提升你的编码体验)(17)

gitlink(git)

如果你不想安装Gitlens,你可以通过这个插件来查看文件的历史记录等信息

vscode默认编码格式修改(提升你的编码体验)(18)

vscode-icons(文件图标)

这是一个能让你更好的区分文件的插件,可以在不同类型的文件上显示不同的图标,让你更快的找到你想要的文件。

vscode默认编码格式修改(提升你的编码体验)(19)

Material Icon Theme(文件图标)

和vscode-icons类似的插件,也是我目前正在使用的

vscode默认编码格式修改(提升你的编码体验)(20)

Settings Sync(VSCode配置同步)

包括我自己在内的开发人员花费大量时间来定制他们的开发环境,尤其是文本编辑器。使用Settings Sync扩展,可以在Github中保存设置。然后,可以使用一个命令将它们加载到任何新版本的VS Code。

vscode默认编码格式修改(提升你的编码体验)(21)

Better Align(代码对齐)

如果你追求你的代码完美的对其,这是一个你值得使用的插件

vscode默认编码格式修改(提升你的编码体验)(22)

VIM

如果你是VIM的重度依赖者,那么这绝对是你想要的插件,虽然我不怎么用,但对于VIM的高级用户来说,它是一个必要的扩展

vscode默认编码格式修改(提升你的编码体验)(23)

总结

以上插件排名不分先后,好用的插件千千万,适合自己的就那么几个,没必要安装所有的插件,选择自己需要的来提升开发体验和效率才是最重要的,希望通过本文的介绍能给你带来些许帮助,感谢支持!

猜您喜欢: